JavaScript中的onerror事件

使用 onerror 事件是传统的捕捉页面出错的方法。

—————————————————————————-
onerror 事件

我们前面介绍了怎样使用try…catch 语句来捕捉页面出错。 现在我们将介绍如何使用 onerror 事件来达到同样的目的。

当页面中出现错误时, onerror 事件就会被触发。

使用onerror事件, 你需要写一个函数来处理这些错误, 然后用onerror事件处理器(handler)调用这个函数。 这个事件处理器有三个参数:msg (出错信息), url (出错页面的url) 和 line (出错行号)。

语法

onerror=handleErr

function handleErr(msg,url,l)
{
//出错处理
return true or false
}

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出错的黄色警示标。

Leave a Reply

Your email address will not be published.