相关文章
北京网页设计视觉设计不只是图形
网页设计制作网页必须注意的几个问题
企通互联HTML中DOCTYPE的定义及用法
网站制作网页UI设计探讨：雅虎韩国站点设计
北京网页设计制作网页时关于网页浏览器兼容问题的分析
北京网站制作QQ空间的小纸条新功能－－悄悄话悄悄说
网站制作色彩系列教程(1)：基础知识
网站设计谈网站设计的10个要点
www.qitongnet.com做垃圾站不可少的一个代码
网站制作VBScript教程 第十二课
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> 网站制作网页技巧：妥善处理JavaScript中的错误
网站制作网页技巧：妥善处理JavaScript中的错误
不管你的技术水平如何，错误或异常是应用程序开发者生活的一部分。Web开发的不连贯性留下了许多错误能够发生并确实已经发生的地方。解决的关键在于处理任何不可预见的（或可预见的错误），来控制用户的体验。利用JavaScript，就有多种技术和语言特色可以用来正确地解决任何问题。 中.国站长站
事事检查 Chinaz^com
在开始之前检查一切是一个好的编程习惯，也就是说，你应该在利用它们之前，检查对象、方法调用等的有效性。这样就避免了与未实例化对象或对不存在的方法调用有关的错误。列表A在使用对象（变量和字段）之前会对它们进行检查。在使用字段对象之前，该脚本保证它们为有效或非空字段。
列表A Www@Chinaz@com
| 以下为引用的内容：北京网页设计 <html>北京网页设计 站.长.站 网站制作doc.submit();网站建设 } else {北京网站设计 alert('Enter values before submitting.');北京网站建设 } }北京网站制作 return 0; }网站制作 </script>北京网站设计 </head>网站制作 <body>北京网站建设 <form id="frmTest">网页设计 Name: <input id="fullName" name="fullName" type="text"><br>北京网站建设 Address: <input id="contactNumber" name="contactNumber" type="text"><br>网站制作 <input type="button" value="Submit" onclick="validate();">北京网站设计 </form>北京网站设计 </body>网站设计 </html> Chinaz@com |
你并不需要实际地检查有效性——你可以简单地在if 语句中使用一个对象，如果它不是一个无效对象的话，所求得的值就为真。列表B就用了这种句法，同时也用到了getElementByID方法。它用了一个if语句来保证在继续之前getElementByID方法是被支持的（存在）。 Chinaz.com
列表B 中国.站长站
| 以下为引用的内容：网站建设 <html><head>网页设计 Www@Chinaz@com 网页设计alert('Validation successful, document will be submitted.');北京网站建设 doc.submit()网站制作 } else {企通互联 alert('Enter values before submitting.');北京网站设计 } }网站制作 return 0; }北京网站建设 </script>北京网站设计 </head>北京网站制作 <body>北京网站设计 <form id="frmTest">企通互联 Name: <input id="fullName" name="fullName" type="text"><br>网站制作 Address: <input id="contactNumber" name="contactNumber" type="text"><br>网站建设 <input type="button" value="Submit" onclick="validate();">北京网站设计 </form>北京网页设计 </body>网站制作 </html> Chinaz@com |
虽然在使用对象之前检查它们是一个好方法，但是有时候还是会有错误出现。在这些实例中，JavaScript语言使得发现错误变得简单，从而能够继续下去。 Chinaz
发现错误
站.长站
和Java、C#等其他语言相类似，JavaScript中包括了try／catch／finally语句。一个try语句包含了一组代码，在这组代码中，像运行时间错误这样的异常可能会发生。catch子句概述了怎样处理错误，finally块中包括了始终被执行的代码。
一般来说，代码设法执行一组代码，如果没有执行成功的话，支配权就传到catch 网页设计块。如果没有错误发生，就跳过catch块。finally块在try和catch块完毕后执行。它的句法如下：
| 以下为引用的内容：北京网站设计 try 北京网站设计 {北京网站建设 // code企通互联 }网站建设 catch北京网页设计 {北京网站设计 // code网站设计 }网站设计 finally企通互联 {北京网页设计 // code网站制作 } |
中国站长.站
catch和finally块是可选的，但是如果没有catch块是没有意义的。仔细考虑列表C 企通互联，它示范了try／catch／finally的用法。从被引用的字段在表格中不存在开始，错误就发生了。 Chinaz
列表C Chinaz.com
| 以下为引用的内容：北京网站制作 <html>北京网站建设 站.长站 网站建设</form>北京网页设计 </body>北京网站设计 </html> Www_Chinaz_com |
一个try／catch块不能避免错误，但是它能够很得体地处理错误，这样用户就不会面对晦涩的浏览器出错信息。观察列表D。
列表D Www@Chinaz@com
| 以下为引用的内容：网页设计 <html>北京网站设计 Chinaz 企通互联<form id="frmTest">北京网站制作 Name: <input id="fullName" name="fullName" type="text"><br>北京网站建设 Address: <input id="contactNumber" name="contactNumber" type="text"><br>网页设计 <input type="button" value="Submit" onclick="doIt();">北京网站建设 </form></body></html> 中国站长_站,为中文网站提供动力 |
它提示了以下信息，但是finally块保证了窗体的提交——不管有什么错误发生。 中.国站长站
| 以下为引用的内容：北京网站建设 An unexpected error has occurred.北京网站建设 Please contact the administrator.网站设计 'document.forms.0.firstName.value' is null or not an object |
Chinaz
单个catch块可以处理所有问题，但是多个catch语句可以被用来处理特定的错误。这个问题在下个部分会涉及到。
站.长.站
用try／catch语句可以很容易地处理不可预见的错误。在某些情况下，可能你想以不同的方式处理错误，JavaScript提供了throw语句。它的句法是很基本的——throw后面紧跟要发生的异常。这就使得你能够定义和引发自定义的异常。列表E中的代码创建了一个缺失值的异常，并且它是生成的。 Chinaz
列表E Chinaz_com
| 以下为引用的内容：北京网站设计 <html><head>北京网站制作 <title>JS Test</title>网站设计 <script type="text/javascript"> 企通互联 function MissingValueException (errMsg) {企通互联 this.message = errMsg;网站建设 this.name="MissingValueException";网站制作 }网页设计 function doIt() {网页设计 try {北京网站建设 if (document.forms[0].fullName.value == '') {网站建设 noNameException = new MissingValueException("First name is missing.");北京网站设计 throw noNameException;网页设计 } else {网页设计 document.forms[0].submit();北京网站设计 }网站建设 } catch(e) {北京网站设计 document.write("An unexpected error has occurred.<br>");网站制作 document.write("Please contact the administrator.<br>"); 中国站长_站,为中文网站提供动力 网站建设document.write(e.message);企通互联 } finally {网站制作 document.forms[0].submit();网站设计 }北京网页设计 return 0; }网站制作 </script></head><body>北京网站制作 <form id="frmTest">网站制作 Name: <input id="fullName" name="fullName" type="text"><br>北京网站建设 Address: <input id="contactNumber" name="contactNumber" type="text"><br>北京网站制作 <input type="button" value="Submit" onclick="doIt();">网站制作 </form></body></html>北京网站建设 |
它将会显示以下信息（如果在字段中没有值输入的话）： Chinaz@com
| 以下为引用的内容：网站建设 An unexpected error has occurred.网站设计 中国站长_站,为中文网站提供动力 |
Www~Chinaz~com
除此之外，你还可以用运算符instanceof来确定异常的类型，从而做出反应。列表F中的代码会检查异常对象的类型并相应地显示有关数据。 中国站长_站,为中文网站提供动力 北京网页设计
列表F 站.长.站
| 以下为引用的内容：北京网站设计 <html>企通互联 站.长站 |
运算符instanceof可以同标准错误一起使用。JavaScript定义了以下标准的JavaScript错误类型：
Chinaz
EvalError：表明全局的eval函数使用错误。 Www.Chinaz.com
RangeError：说明一个数值超过了所允许的值的范围。
ReferenceError：发现了一个非法的引用。 Chinaz.com
SyntaxError：发生了一个句法分析错误。 [中国站长站]
TypeError：一个操作数的实际类型与所预期的类型不同。 Chinaz_com
URIError：其中一个全局URI函数（编码URI或解码URI）使用错误。
Chinaz@com
列表G中的代码在一个catch语句中采用了TypeError类型。由于在引用字段名（document）的行中多了一个d，结果发生了一个打字错误（ddocument）。
列表G
Chinaz.com
| 以下为引用的内容： 网站设计北京网页设计 <html><head>北京网站制作 中.国.站长站 网站制作document.write("Please contact the administrator.<br><br>");北京网站制作 document.write(e.message);网站建设 } else {北京网站建设 document.write("An unexpected error has occurred.<br><br>");网站制作 document.write("Please contact the administrator.<br><br>");北京网页设计 document.write(e.message);网站设计 } } finally {北京网站设计 document.forms[0].submit();北京网页设计 } return 0; }北京网站设计 </script></head>北京网站建设 <body><form id="frmTest">网站设计 Name: <input id="fullName" name="fullName" type="text"><br>北京网站设计 Address: <input id="contactNumber" name="contactNumber" type="text"><br>北京网站建设 <input type="button" value="Submit" onclick="doIt();">网站制作 </form></body></html> 中国站长_站,为中文网站提供动力 |
处理所有的页面错误 中.国站长站
另一个你可以自行支配的特性是window.onerror事件。和所有其他的JavaScript事件一样，你可以定义一个函数或者一条代码在事件被触发时运行。它可以用来处理或忽略错误。列表H中的页面显示了遇到的所有JavaScript错误的简单信息。因为指定的函数不存在，所以当点击按钮时，错误就发生了。列表I是用onerror事件来忽略所有的错误的。
站.长站
列表H
Www_Chinaz_com
| 以下为引用的内容：北京网站建设 <html><head>网页设计 <title>onError Test</title>北京网页设计 <script type="text/javascript"> 北京网站制作 function handleErrors() {网站建设 alert("A JavaScript error has occurred.");北京网站设计 return true;网页设计 }北京网站建设 window.onerror = handleErrors;网站设计 北京网站建设 </script></head>北京网站建设 <body>北京网站设计 <form id="frmTest">北京网页设计 Name: <input id="fullName" name="fullName" type="text"><br>北京网页设计 Address: <input id="contactNumber" name="contactNumber" type="text"><br>北京网页设计 <input type="button" value="Submit" onclick="doIt();"> Www~Chinaz~com 网站设计 </form></body></html>网站建设 |
列表I 中国站长_站,为中文网站提供动力 北京网站制作
| 以下为引用的内容：北京网站建设 <html><head>网页设计 中.国.站长站 企通互联</form></body></html> 中国站长.站 |
中国.站.长站
谨慎处理
错误是每一个应用程序的一部分，但是适当的错误处理却不是。合理地运用JavaScript的错误处理特色和自动灵活的译码可以使用户的体验更顺畅，同时也让开发方的诊断工作变得更轻松。 站长.站
上一篇：网页设计网页技巧：妥善处理JavaScript中的错误
下一篇：北京网站设计使用 DIV+CSS 创建固定宽度的布局
