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 相关文章推荐
Ajax+Json 级联菜单实现代码
Oct 27 Javascript
JQuery SELECT单选模拟jQuery.select.js
Nov 12 Javascript
js 模拟实现类似c#下的hashtable的简单功能代码
Jan 24 Javascript
25个非常棒的jQuery滑块插件和教程小结
Sep 02 Javascript
Jquery Ajax xmlhttp请求成功问题
Feb 04 Javascript
JavaScript操作Cookie方法实例分析
May 27 Javascript
jQuery+CSS实现简单切换菜单示例
Jul 27 Javascript
在html中引入外部js文件,并调用带参函数的方法
Oct 31 Javascript
基于bootstrap的选择框插件icheck
Dec 23 Javascript
使用JQuery实现图片轮播效果的实例(推荐)
Oct 24 jQuery
vue 实现通过手机发送短信验证码注册功能
Apr 19 Javascript
手把手教你如何编译打包video.js
Dec 09 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
AJAX的跨域访问-两种有效的解决方法介绍
2013/06/22 PHP
PHP实现递归无限级分类
2015/10/22 PHP
php 参数过滤、数据过滤详解
2015/10/26 PHP
laravel框架 api自定义全局异常处理方法
2019/10/11 PHP
onpropertypchange
2006/07/01 Javascript
JS Range HTML文档/文字内容选中、库及应用介绍
2011/05/12 Javascript
jQuery EasyUI API 中文文档 - Tabs标签页/选项卡
2011/10/01 Javascript
jQuery中parents()和parent()的区别分析
2014/10/28 Javascript
javascript实现随机读取数组的方法
2015/08/03 Javascript
jquery自定义插件开发之window的实现过程
2016/05/06 Javascript
JS实现iframe自适应高度的方法(兼容IE与FireFox)
2016/06/24 Javascript
原生node.js案例--前后台交互
2017/02/20 Javascript
vue构建单页面应用实战
2017/04/10 Javascript
浅谈在koa2中实现页面渲染的全局数据
2017/10/09 Javascript
vue better scroll 无法滚动的解决方法
2018/06/07 Javascript
浅谈VUE单页应用首屏加载速度优化方案
2018/08/28 Javascript
vue页面切换项目实现转场动画的方法
2019/11/12 Javascript
Vant+postcss-pxtorem 实现浏览器适配功能
2021/02/05 Javascript
[37:50]VP vs TNC Supermajor小组赛B组 BO3 第一场 6.2
2018/06/03 DOTA
python实现划词翻译
2020/04/23 Python
python实现pdf转换成word/txt纯文本文件
2018/06/07 Python
Django之模型层多表操作的实现
2019/01/08 Python
opencv与numpy的图像基本操作
2019/03/08 Python
对python pandas中 inplace 参数的理解
2020/06/27 Python
css3让div随鼠标移动而抖动起来
2014/02/10 HTML / CSS
CSS3常用的几种颜色渐变模式总结
2016/11/18 HTML / CSS
html5的自定义data-*属性与jquery的data()方法的使用
2014/07/02 HTML / CSS
英国领先的电动可调床制造商:Laybrook
2019/12/26 全球购物
户籍证明的格式
2014/01/13 职场文书
十岁生日同学答谢词
2014/01/19 职场文书
教学改革实施方案
2014/03/31 职场文书
上课不认真检讨书
2014/09/17 职场文书
医院科室评语
2015/01/04 职场文书
2015年全国爱耳日活动总结
2015/02/27 职场文书
收银员岗位职责范本
2015/04/07 职场文书
Ajax异步刷新功能及简单案例
2021/11/20 Javascript