欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JavaScript中的onerror事件概述及使用_javascript技巧

程序员文章站 2022-04-23 08:16:00
...
1Window.onerror事件

onerror事件用来协助处理页面中的JavaScript错误。当页面上出现异常时,error事件便在window对象上触发。例如:

JavaScript中的onerror事件概述及使用_javascript技巧

在这种情况下,浏览器会显示错误信息:

JavaScript中的onerror事件概述及使用_javascript技巧

如果不希望浏览器在默认对话框中显示出错消息,让onerror方法返回true即可。

此外,onerror方法还提供了三个参数用来确定错误确切的信息,分别是:

1)message:一个字符串,声明了出现的错误的信息(不同的浏览器中返回的消息内容略有差异)。

2)url:一个字符串,声明了出现错误的文档的URL。

3)line:一个数字,声明了出现错误的代码行的行号。

例如:

JavaScript中的onerror事件概述及使用_javascript技巧JavaScript中的onerror事件概述及使用_javascript技巧

  Ps:此方法在safari和Opera下测试未通过

  注意事项:onerror事件应在其它js程序前绑定。

2img载入错误

JavaScript中的onerror事件概述及使用_javascript技巧标签支持onerror句柄。当一个图像文件由于各种原因载入不成功时,便触发该事件句柄。通过该方法,可以使得当前图片载入失败时显示默认图片。

例如:

JavaScript中的onerror事件概述及使用_javascript技巧

当网络原因或者是其他的原因,导致onerror里面提供的图片地址加载不到的时候,ie会循环执行onerror事件,导致栈溢出,此时页面会弹出了alert消息框,错误信息为:"* at line:0"。

IE 6.0一般会以弹出的消息框报道溢出现象,并且会继续执行它的功能。但是也有一些溢出漏洞发生时,会关闭所有打开的窗口而没有任何提示。 因此选择使用该事件的时候还是要慎重啊!

注意事项JavaScript中的onerror事件概述及使用_javascript技巧标签的onerror方法没有其他额外的参数。

相关标签: onerror 事件