JavaScript中的onerror事件概述及使用_javascript技巧
程序员文章站
2022-04-23 08:16:00
...
1、Window.onerror事件
onerror事件用来协助处理页面中的JavaScript错误。当页面上出现异常时,error事件便在window对象上触发。例如:
在这种情况下,浏览器会显示错误信息:
。
如果不希望浏览器在默认对话框中显示出错消息,让onerror方法返回true即可。
此外,onerror方法还提供了三个参数用来确定错误确切的信息,分别是:
1)message:一个字符串,声明了出现的错误的信息(不同的浏览器中返回的消息内容略有差异)。
2)url:一个字符串,声明了出现错误的文档的URL。
3)line:一个数字,声明了出现错误的代码行的行号。
例如:
Ps:此方法在safari和Opera下测试未通过
注意事项:onerror事件应在其它js程序前绑定。
2、img载入错误
标签支持onerror句柄。当一个图像文件由于各种原因载入不成功时,便触发该事件句柄。通过该方法,可以使得当前图片载入失败时显示默认图片。
例如:
当网络原因或者是其他的原因,导致onerror里面提供的图片地址加载不到的时候,ie会循环执行onerror事件,导致栈溢出,此时页面会弹出了alert消息框,错误信息为:"* at line:0"。
IE 6.0一般会以弹出的消息框报道溢出现象,并且会继续执行它的功能。但是也有一些溢出漏洞发生时,会关闭所有打开的窗口而没有任何提示。 因此选择使用该事件的时候还是要慎重啊!
注意事项:标签的onerror方法没有其他额外的参数。
推荐阅读
-
JavaScript ES6中的简写语法总结与使用技巧
-
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异_javascript技巧
-
IE6中使用position导致页面变形的解决方案(js代码)_javascript技巧
-
javascript中onmouse事件在div中失效问题的解决方法_javascript技巧
-
JS中动态添加事件(绑定事件)的代码_javascript技巧
-
JavaScript中的this关键字介绍与使用实例_javascript技巧
-
Javascript中的isNaN函数使用说明_javascript技巧
-
动态创建的表格单元格中的事件实现代码_javascript技巧
-
URL地址中的#符号使用说明_javascript技巧
-
Javascript中的isNaN函数使用说明_javascript技巧