使用 onerror 事件是传统的捕捉页面出错的方法。
—————————————————————————-
onerror 事件
我们前面介绍了怎样使用try…catch 语句来捕捉页面出错。 现在我们将介绍如何使用 onerror 事件来达到同样的目的。
当页面中出现错误时, onerror 事件就会被触发。
使用onerror事件, 你需要写一个函数来处理这些错误, 然后用onerror事件处理器(handler)调用这个函数。 这个事件处理器有三个参数:msg (出错信息), url (出错页面的url) 和 line (出错行号)。
语法
onerror=handleErr
function handleErr(msg,url,l) |
onerror的返回值决定了浏览器是否显示一个标准出错信息。 如果你返回的是false,浏览器将在JavaScritp的console里显示标准出错信息 (IE浏览器左下角状态栏出现一个黄色惊叹号小三角,双击这个小三角会看到Javascript console)。 如果返回true, 浏览器则不会显示标准出错信息 (IE浏览器不出现黄色小三角)。
提示:这个返回值对FireFox好像没什么用。其他的浏览器我没有试。
例子
以下例子显示了如何用onerror事件来捕捉一个出错:
<html> <head> <script type=”text/javascript”> onerror=handleErr var txt=”” function handleErr(msg,url,l) { txt=”There was an error on this page.\n\n” txt+=”Error: ” + msg + “\n” txt+=”URL: ” + url + “\n” txt+=”Line: ” + l + “\n\n” txt+=”Click OK to continue.\n\n” alert(txt) return true } function message() { adddlert(“Welcome guest!”) } </script> </head> <body> <input type=”button” value=”View message” onclick=”message()” /> </body> </html> |
这里显示提示框的函数名称addalert()被错写成了adddlert()。浏览器运行到这里会发现错误而触发onerror事件,调用出错处理函数handleErr(),会出现一个警告提示框显示出错信息,URL,行数。点OK后,这个程序返回的是true,所以IE浏览器将不会再显示Javascript出错的黄色警示。如果将程序中true改为false,再运行,点OK后,会看到IE浏览器左下角出现Javascript出错的黄色警示标。