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 相关文章推荐
JS 图片缩放效果代码
Jun 09 Javascript
在JavaScript中使用timer示例
May 08 Javascript
JavaScript中document.forms[0]与getElementByName区别
Jan 21 Javascript
js中this用法实例详解
May 05 Javascript
深入浅析AngularJS中的module(模块)
Jan 04 Javascript
js仿百度切换皮肤功能(html+css)
Jul 10 Javascript
最佳的JavaScript错误处理实践
Jul 16 Javascript
快速实现jQuery多级菜单效果
Feb 01 Javascript
JQuery 封装 Ajax 常用方法(推荐)
May 21 jQuery
浅谈Vue数据绑定的原理
Jan 08 Javascript
axios全局请求参数设置,请求及返回拦截器的方法
Mar 05 Javascript
Vue组件间数据传递的方式(3种)
Jul 13 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数据库类
2009/05/27 PHP
php下尝试使用GraphicsMagick的缩略图功能
2011/01/01 PHP
javascript 写类方式之九
2009/07/05 Javascript
如何将JS的变量值传递给ASP变量
2012/12/10 Javascript
javascript创建createXmlHttpRequest对象示例代码
2014/02/10 Javascript
浅谈类似于(function(){}).call()的js语句
2015/03/30 Javascript
jQuery实现带有上下控制按钮的简单多行滚屏效果代码
2015/09/04 Javascript
Labelauty?jQuery单选框/复选框美化插件分享
2015/09/26 Javascript
vuejs2.0子组件改变父组件的数据实例
2017/05/10 Javascript
Django使用多数据库的方法
2017/09/06 Javascript
基于Vue实现微信小程序的图文编辑器
2018/07/25 Javascript
vue+mousemove实现鼠标拖动功能(拖动过快失效问题解决方法)
2018/08/24 Javascript
微信小程序之判断页面滚动方向的示例代码
2018/08/30 Javascript
默认浏览器设置及vue自动打开页面的方法
2018/09/21 Javascript
[40:16]TFT vs Mski Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
[01:18:21]EG vs TNC Supermajor小组赛B组败者组第一轮 BO3 第一场 6.2
2018/06/03 DOTA
Windows8下安装Python的BeautifulSoup
2015/01/22 Python
Python多线程编程简单介绍
2015/04/13 Python
python、java等哪一门编程语言适合人工智能?
2017/11/13 Python
pandas对指定列进行填充的方法
2018/04/11 Python
基于python if 判断选择结构的实例详解
2019/05/06 Python
Python数据分析模块pandas用法详解
2019/09/04 Python
Python使用tkinter实现摇骰子小游戏功能的代码
2020/07/02 Python
小白教你PyCharm从下载到安装再到科学使用PyCharm2020最新激活码
2020/09/25 Python
OpenCV+python实现膨胀和腐蚀的示例
2020/12/21 Python
美国女孩洋娃娃店:American Girl
2017/10/24 全球购物
泰国Robinson百货官网:购买知名品牌的商品
2020/02/08 全球购物
Stührling手表官方网站:男女高品质时尚手表的领先零售商
2021/01/07 全球购物
预备党员党校学习自我评价分享
2013/11/12 职场文书
培训主管的岗位职责
2013/11/23 职场文书
三分钟演讲稿事例
2014/03/03 职场文书
人事经理岗位职责范本
2014/08/04 职场文书
2015年建筑工程工作总结
2015/05/13 职场文书
教师节作文之小学四年级
2019/09/03 职场文书
只需要100行Python代码就可以实现的贪吃蛇小游戏
2021/05/27 Python
CKAD认证中部署k8s并配置Calico插件
2022/03/31 Servers