JavaScript Try...Catch 语句
JavaScript Try...Catch 语句
try...catch 的作用是测试代码中的错误。
如何编写 try...catch 语句。
另一个编写 try...catch 语句的例子。
JavaScript - 捕获错误
当我们在网上冲浪时，总会看到带有 runtime 错误的 Javascript 警告框，同时会询问我们“是否进行 debug？”。像这样的错误信息或许对开发人员有用，对用户则未必。当错误发生时，他们往往会选择离开这个站点。
本节向你讲解如何捕获和处理 Javascript 的错误消息，这样就可以为受众提供更多的便利。
有两种在网页中捕获错误的方法：
使用 try...catch 语句。(在 IE5+、Mozilla 1.0、和 Netscape 6 中可用)
使用 onerror 事件。这是用于捕获错误的老式方法。(Netscape 3 以后的版本可用)
注意：chrome、opera 和 safari 浏览器不支持 onerror 事件。
Try...Catch 语句
try...catch 可以测试代码中的错误。try 部分包含需要运行的代码，而 catch 部分包含错误发生时运行的代码。
//在此运行代码
catch(err)
//在此处理错误
注意：try...catch 使用小写字母。大写字母会出错。
下面的例子原本用在用户点击按钮时显示 &Welcome guest!& 这个消息。不过 message() 函数中的 alert() 被误写为 adddlert()。这时错误发生了：
&script type=&text/javascript&&
function message()
adddlert(&Welcome guest!&)
&input type=&button& value=&View message& onclick=&message()& /&
我们可以添加 try...catch 语句，这样当错误发生时可以采取更适当的措施。
下面的例子用 try...catch 语句重新修改了脚本。由于误写了 alert()，所以错误发生了。不过这一次，catch 部分捕获到了错误，并用一段准备好的代码来处理这个错误。这段代码会显示一个自定义的出错信息来告知用户所发生的事情。
&script type=&text/javascript&&
var txt=&&
function message()
adddlert(&Welcome guest!&)
catch(err)
txt=&此页面存在一个错误。\n\n&
txt+=&错误描述: & + err.description + &\n\n&
txt+=&点击OK继续。\n\n&
alert(txt)
&input type=&button& value=&View message& onclick=&message()& /&
下一个例子会显示一个确认框，让用户来选择在发生错误时点击确定按钮来继续浏览网页，还是点击取消按钮来回到首页。如果 confirm 方法的返回值为 false，代码会把用户重定向到其他的页面。如果 confirm 方法的返回值为 true，那么代码什么也不会做。
&script type=&text/javascript&&
var txt=&&
function message()
adddlert(&Welcome guest!&)
catch(err)
txt=&There was an error on this page.\n\n&
txt+=&Click OK to continue viewing this page,\n&
txt+=&or Cancel to return to the home page.\n\n&
if(!confirm(txt))
document.location.href=&http://www.jb51.net/&
&input type=&button& value=&View message& onclick=&message()& /&
onerror 事件
我们马上会讲解 onerror 事件。但首先您需要学习如何使用 throw 语句来创建异常。throw 语句可以与 try...catch 语句一起使用。
赞助商链接javascript语句_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
格式 文档名称 用户评分 浏览量 下载量Javascript 教程
JavaScript 输出
JavaScript 没有任何打印或者输出的函数。
JavaScript 显示数据
JavaScript 可以通过不同的方式来输出数据：
使用 window.alert() 弹出警告框。
document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。
使用 window.alert()
你可以弹出警告框来显示数据：
&!DOCTYPE html&
&h1&我的第一个页面&/h1&&p&我的第一个段落。&/p&
&script&window.alert(5 + 6);
操作 HTML 元素
如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。
请使用 "id" 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容：
&!DOCTYPE html&&html&
&h1&我的第一个 Web 页面&/h1&
&p id="demo"&我的第一个段落&/p&
document.getElementById("demo").innerHTML = "段落已修改。";
以上 JavaScript 语句（在 &script& 标签中）可以在 web 浏览器中执行：
document.getElementById("demo")
是使用 id 属性来查找 HTML 元素的 JavaScript 代码
innerHTML = "段落已修改。" 是用于修改元素的 HTML 内容(innerHTML)的
JavaScript 代码。
在本教程中
在大多数情况下，在本教程中，我们将使用上面描述的方法来输出：
下面的例子直接把 id="demo" 的 &p& 元素写到 HTML 文档输出中：
写到 HTML 文档
出于测试目的，您可以将JavaScript直接写在HTML
&!DOCTYPE html&&html&
&body&&h1&我的第一个 Web 页面&/h1&
&p&我的第一个段落。&/p&
&script&document.write(Date());
请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。
&!DOCTYPE html&
&h1&我的第一个 Web 页面&/h1&
&p&我的第一个段落。&/p&
&button onclick="myFunction()"&点我&/button&
function myFunction() {
&&& document.write(Date());
写到控制台
如果您的浏览器支持调试，你可以使用 console.log()
方法在浏览器中显示 JavaScript 值。
浏览器中使用 F12 来启用调试模式， 在调试窗口中点击
"Console" 菜单。
&!DOCTYPE html&
&h1&我的第一个 Web 页面&/h1&
console.log(c);
实例 console 截图：
程序中调试是测试，查找及减少bug(错误)的过程。目前，常用的浏览器IE、Chrome、Firefox都有相应的脚本调试功能。作为我们.NET 阵营，学会如何在IE中调试JS就足够了，在掌握了IE中的调试方法以后，Chrome和Firefox中的调试方法也变得相当简单了。
在F12开发人员工具中进行调试
打开IE浏览器，按下F12键，就会打开开发人员工具，这是IE内置的开发人员开发工具，方便开发人员对HTML、CSS、Javascript等网页资源进行跟踪调试使用的。
如果你打开的时候没有固定在网页底部，可以点击右上角菜单栏中的按钮来完成。
我们看到在这个工具窗口里面有几个标签页，分别是：HTML、CSS、控制台、脚本、探查器和网络，点开每一个标签，可以执行相应的任务。
在HTML标签窗口中，工具栏中的按钮所执行的操作如下图：
CSS标签是用来查看样式的；控制台显示网页中JS的各种输出信息，包括错误信息、用户日志等；打开脚本标签页，这里面才是我们想要的内容。
我在图中用黄色矩形选中连个控件，左侧的下拉列表用来选择文件，右侧的按钮用来启动调试。当点击启动调试后，调试程序会将窗口最大化，我们在选中的文件中找到需要调试的位置，点击左侧边栏添加断点即可进行调试。
当有程序运行到我们的断点处时，就可以进行调试了。
在这里，我们可以使用快捷键进行操作，常用的快捷键如下：
F9：添加/移除 断点
F10：逐过程，即跳过该语句中的方法、表达式等
F11：逐语句调试，即单步调试，会跳入方法、表达式，进行逐语句的跟踪调试
在执行过程中，如果我们要执行即时的代码，我们就需要在右侧的窗格中输入代码，按回车即可。
如果要执行多行代码，点击运行按钮右侧的双箭头，就会打开多行模式。我就不再截图片了。
这种直接在浏览器中调试的方法同样适用于Google浏览器Chrome和FireFox FireDebug，只不过在细枝末叶上面有些不同罢了，主体的功能都是一样的。
按F12键进入开发者工具，可以查看源代码、样式和js。
点击Scripts按钮，可以打开这个调试窗口，里面包含了网页中脚本文件源码，点击左侧的按钮可以打开选择文件的侧窗口。右侧有调试的工具按钮，不过我不喜欢这些纯英文的界面，所以大部分的调试都还是在IE下进行。并且会在IE下转到VS中。
下面我就介绍如何在VS中调试我们的JS代码。
使用debugger关键字进行调试
这种方法很简单，我们只需要在进行调试的地方加入debugger关键字，然后当浏览器运行到这个关键字的时候，就会提示是否打开调试，我们选择是就可以了。这种调试可以选择调试工具，是新打开vs还是在现有的VS中调试，都可以选择，个人比较喜欢这中调试方式。
当我们运行这段程序的时候，会弹出调试提示窗口：
如果你的浏览器没有弹出这个窗口，你需要进行一下简单的设置，打开Internet选项：
将红色方框中的两项取消勾选就可以了。
设置以后就可以使用debugger关键字进行调试了；进过这样的设置，我们还可以捕获到意外的错误，进行跟踪调试。
好了，本文就介绍到这里，有不明白的地方请和我交流。调试是一个实践的过程，只有使用次数多了，才能掌握其中的方法和技巧。
----------------------------------------
阅读(...) 评论()}