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 相关文章推荐
实例说明为什么不要行内使用javascript
Apr 18 Javascript
Javascript实现简单的富文本编辑器附演示
Jun 16 Javascript
JavaScript设置获取和设置属性的方法
Mar 04 Javascript
easyui window refresh 刷新两次的解决方法(推荐)
May 18 Javascript
jQuery实现点击查看大图并以弹框的形式居中
Aug 08 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
Dec 13 Javascript
JavaScript提高加载和执行效率的方法
Feb 03 Javascript
JS 组件系列之BootstrapTable的treegrid功能
Jun 16 Javascript
JavaScript实现图片切换效果
Aug 12 Javascript
js精确的加减乘除实例
Nov 14 Javascript
微信小程序项目实践之验证码倒计时功能
Jul 18 Javascript
vue 计算属性和侦听器的使用小结
Jan 25 Vue.js
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函数)
2006/10/09 PHP
一个改进的UBB类
2006/10/09 PHP
php实现的美国50个州选择列表实例
2015/04/20 PHP
php获取英文姓名首字母的方法
2015/07/13 PHP
jquery 问答知识整理
2010/02/11 Javascript
JS+CSS实现仿新浪微博搜索框的方法
2015/02/24 Javascript
kindeditor编辑器点中图片滚动条往上顶的bug
2015/07/05 Javascript
JavaScript优化专题之Loading and Execution加载和运行
2016/01/20 Javascript
两行代码轻松搞定JavaScript日期验证
2016/08/03 Javascript
JavaScript toUpperCase()方法使用详解
2016/08/26 Javascript
Javascript函数中的arguments.callee用法实例分析
2016/09/16 Javascript
Angular页面间切换及传值的4种方法
2016/11/04 Javascript
Angular.Js的自动化测试详解
2016/12/09 Javascript
详解JavaScript树结构
2017/01/09 Javascript
js中作用域的实例解析
2017/03/16 Javascript
javascript 取小数点后几位几种方法总结
2017/08/02 Javascript
JavaScript中正则表达式判断匹配规则及常用方法
2017/08/03 Javascript
微信小程序实现长按删除图片的示例
2018/05/18 Javascript
vue 关闭浏览器窗口的时候,清空localStorage的数据示例
2019/11/06 Javascript
JavaScript实现简单的弹窗效果
2020/05/19 Javascript
[39:53]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第一场 11.19
2020/11/19 DOTA
Python UnicodeEncodeError: 'gbk' codec can't encode character 解决方法
2015/04/24 Python
django模型层(model)进行建表、查询与删除的基础教程
2017/11/21 Python
浅谈Tensorflow由于版本问题出现的几种错误及解决方法
2018/06/13 Python
Python使用Pandas库实现MySQL数据库的读写
2019/07/06 Python
在spyder IPython console中,运行代码加入参数的实例
2020/04/20 Python
Python读取pdf表格写入excel的方法
2021/01/22 Python
动态密码技术
2012/10/18 面试题
中层干部岗位职责
2013/12/18 职场文书
师德师风建设方案
2014/05/08 职场文书
细节决定成败演讲稿
2014/05/12 职场文书
2014年党员整改措施范文
2014/09/21 职场文书
运动会广播稿200字(10篇)
2014/10/12 职场文书
幼儿园中秋节活动总结
2015/03/23 职场文书
2015年电工工作总结
2015/04/10 职场文书
埃及王子观后感
2015/06/16 职场文书