JavaScript中的onerror事件

最新推荐文章于 2022-03-21 11:44:16 发布

weixin_30505485

最新推荐文章于 2022-03-21 11:44:16 发布

阅读量118

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/richelle009/archive/2011/08/12/2136472.html

版权

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

onerror 事件

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

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

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

语法

οnerrοr=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”>
οnerrοr=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” οnclick=”message()” />
</body>
</html>

这里显示提示框的函数名称addalert()被错写成了adddlert()。浏览器运行到这里会发现错误而触发onerror事件，调用出错处理函数handleErr（），会出现一个警告提示框显示出错信息，URL，行数。点OK后，这个程序返回的是true，所以IE浏览器将不会再显示Javascript出错的黄色警示。如果将程序中true改为false，再运行，点OK后，会看到IE浏览器左下角出现Javascript出错的黄色警示标。

备注：此时间是一个很有用的调javascript 错的事件。很好用哦！

转载于:https://www.cnblogs.com/richelle009/archive/2011/08/12/2136472.html

weixin_30505485

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中的onerror事件

使用 onerror 事件是传统的捕捉页面出错的方法。onerror 事件我们前面介绍了怎样使用try…catch 语句来捕捉页面出错。现在我们将介绍如何使用 onerror 事件来达到同样的目的。当页面中出现错误时， onerror 事件就会被触发。使用onerror事件，你需要写一个函数来处理这些错误，然后用onerror事件处理器(handler)调用这个函数。这个事...
复制链接

扫一扫