网页技巧：妥善处理JavaScript中的错误(3)

2008-02-23 08:08:43来源：互联网阅读 ()

</form></body></html>

处理所有的页面错误

另一个你可以自行支配的特性是window.onerror事件。和所有其他的JavaScript事件一样，你可以定义一个函数或者一条代码在事件被触发时运行。它可以用来处理或忽略错误。列表H中的页面显示了遇到的所有JavaScript错误的简单信息。因为指定的函数不存在，所以当点击按钮时，错误就发生了。列表I是用onerror事件来忽略所有的错误的。

列表H

<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();">
</form></body></html>

列表I

<html><head>
<title>JS Test</title>
<script type="text/javascript">
function ignoreErrors() {
return true;
}
window.onerror = ignoreErrors;
</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>

关于onerror事件的一个问题是浏览器的支持。最大的问题就发生在Opera浏览器中，所以在把浏览器和自己的应用程序相结合之前，你应该确保所有的目标浏览器都支持这一特性。

谨慎处理

错误是每一个应用程序的一部分，但是适当的错误处理却不是。合理地运用JavaScript的错误处理特色和自动灵活的译码可以使用户的体验更顺畅，同时也让开发方的诊断工作变得更轻松。