JavaScript中的onerror事件概述及使用


Posted in Javascript onApril 01, 2013
1Window.onerror事件

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

JavaScript中的onerror事件概述及使用

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

JavaScript中的onerror事件概述及使用

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

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

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

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

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

例如:

JavaScript中的onerror事件概述及使用    JavaScript中的onerror事件概述及使用

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

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

2img载入错误 

<img>标签支持onerror句柄。当一个图像文件由于各种原因载入不成功时,便触发该事件句柄。通过该方法,可以使得当前图片载入失败时显示默认图片。

例如: 

JavaScript中的onerror事件概述及使用

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

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

注意事项:<img>标签的onerror方法没有其他额外的参数。

Javascript 相关文章推荐
DOM节点删除函数removeChild()用法实例
Jan 12 Javascript
javascript内置对象操作详解
Feb 04 Javascript
谈谈js中的prototype及prototype属性解释和常用方法
Nov 25 Javascript
javascript断点调试心得分享
Apr 23 Javascript
基于Node.js + WebSocket打造即时聊天程序嗨聊
Nov 29 Javascript
详解Javascript数据类型的转换规则
Dec 12 Javascript
SpringMVC+bootstrap table实例详解
Jun 02 Javascript
Three.js入门之hello world以及如何绘制线
Sep 25 Javascript
vue组件父与子通信详解(一)
Nov 07 Javascript
小程序如何构建骨架屏
May 29 Javascript
微信小程序 wx:for遍历循环使用实例解析
Sep 09 Javascript
redux处理异步action解决方案
Mar 22 Javascript
js捕获鼠标右键菜单中的粘帖事件实现代码
Apr 01 #Javascript
向当前style sheet中插入一个新的style实现方法
Apr 01 #Javascript
select标签模拟/美化方法采用JS外挂式插件
Apr 01 #Javascript
html组件不可输入(只读)同时任何组件都有效
Apr 01 #Javascript
jQuery 网易相册鼠标移动显示隐藏效果实现代码
Mar 31 #Javascript
jQuery实现页面滚动时层智能浮动定位实例探讨
Mar 29 #Javascript
表单验证的完整应用案例探讨
Mar 29 #Javascript
You might like
php面象对象数据库操作类实例
2014/12/02 PHP
PHP中实现Bloom Filter算法
2015/03/30 PHP
thinkPHP实现多字段模糊匹配查询的方法
2016/12/01 PHP
PHP使用mysqli同时执行多条sql查询语句的实例
2019/03/22 PHP
php-7.3.6 编译安装过程
2020/02/11 PHP
javascript offsetX与layerX区别
2010/03/12 Javascript
jquery实现隐藏在左侧的弹性弹出菜单效果
2015/09/18 Javascript
Bootstrap每天必学之表单
2015/11/23 Javascript
AngularJS 表达式详解及实例代码
2016/09/14 Javascript
鼠标经过出现气泡框的简单实例
2017/03/17 Javascript
深入讲解xhr(XMLHttpRequest)/jsonp请求之abort
2017/07/26 Javascript
通俗易懂地解释JS中的闭包
2017/10/23 Javascript
浅谈webpack 构建性能优化策略小结
2018/06/13 Javascript
如何从零开始手写Koa2框架
2019/03/22 Javascript
vue滚动固定顶部及修改样式的实例代码
2019/05/30 Javascript
Vue实现商品详情页的评价列表功能
2019/09/04 Javascript
Vue使用Three.js加载glTF模型的方法详解
2020/06/14 Javascript
Vue绑定用户接口实现代码示例
2020/11/04 Javascript
vue3弹出层V3Popup实例详解
2021/01/04 Vue.js
利用Python的Django框架生成PDF文件的教程
2015/07/22 Python
Python执行时间的计算方法小结
2017/03/17 Python
人脸识别经典算法一 特征脸方法(Eigenface)
2018/03/13 Python
python创建文件时去掉非法字符的方法
2018/10/31 Python
padas 生成excel 增加sheet表的实例
2018/12/11 Python
Python多线程threading join和守护线程setDeamon原理详解
2020/03/18 Python
Keras 数据增强ImageDataGenerator多输入多输出实例
2020/07/03 Python
基于css3仿造window7的开始菜单
2010/06/17 HTML / CSS
大三自我鉴定范文
2013/10/05 职场文书
面料业务员岗位职责
2013/12/26 职场文书
《守株待兔》教学反思
2014/03/01 职场文书
热情服务标语
2014/10/07 职场文书
领导班子作风建设剖析材料
2014/10/11 职场文书
2016师德师风学习心得体会
2016/01/12 职场文书
MySQL数据库如何使用Shell进行连接
2022/04/12 MySQL
Android开发之底部导航栏的快速实现
2022/04/28 Java/Android
JS前端使用canvas实现扩展物体类和事件派发
2022/08/05 Javascript