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最新动画教程+iso光盘下载
Jan 22 Javascript
node.js中的console.trace方法使用说明
Dec 09 Javascript
JQuery datepicker 用法详解
Dec 25 Javascript
js实现div在页面拖动效果
May 04 Javascript
使用jquery提交form表单并自定义action的实现代码
May 25 Javascript
深入理解(function(){... })();
Aug 16 Javascript
javascript this详细介绍
Sep 19 Javascript
Canvas 制作动态进度加载水球详解及实例代码
Dec 09 Javascript
laravel-admin 与 vue 结合使用实例代码详解
Jun 04 Javascript
layui复选框的全选与取消实现方法
Sep 02 Javascript
学前端,css与javascript重难点浅析
Jun 11 Javascript
html实现随机点名器的示例代码
Apr 02 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
深入PHP5中的魔术方法详解
2013/06/17 PHP
YII Framework框架教程之国际化实现方法
2016/03/14 PHP
Javascript-Mozilla和IE中的一个函数直接量的问题
2007/01/09 Javascript
Javascript中找到子元素在父元素内相对位置的代码
2012/07/21 Javascript
js判断undefined变量类型使用typeof
2013/06/03 Javascript
百度移动版的url编码解码示例
2014/04/29 Javascript
jQuery.Highcharts.js绘制柱状图饼状图曲线图
2015/03/14 Javascript
javascript实现图片自动和可控的轮播切换特效
2015/04/13 Javascript
node.js回调函数之阻塞调用与非阻塞调用
2015/11/13 Javascript
Bootstrap 附加导航(Affix)插件实例详解
2016/06/01 Javascript
JavaScript获取URL中参数querystring的方法详解
2016/10/11 Javascript
详解JavaScript的闭包、IIFE、apply、函数与对象
2016/12/21 Javascript
js实现带缓动动画的导航栏效果
2017/01/16 Javascript
通过命令行生成vue项目框架的方法
2017/07/12 Javascript
使用JavaScript实现链表的数据结构的代码
2017/08/02 Javascript
Node.js学习之查询字符串解析querystring详解
2017/09/28 Javascript
jQuery实现遍历XML节点和属性的方法示例
2018/04/29 jQuery
vue环形进度条组件实例应用
2018/10/10 Javascript
Nuxt.js实现一个SSR的前端博客的示例代码
2019/09/06 Javascript
javascript实现贪吃蛇经典游戏
2020/04/10 Javascript
Django框架下在视图中使用模版的方法
2015/07/16 Python
TensorFLow用Saver保存和恢复变量
2018/03/10 Python
python按照多个条件排序的方法
2019/02/08 Python
Python动态赋值的陷阱知识点总结
2019/03/17 Python
python实现微信机器人: 登录微信、消息接收、自动回复功能
2019/04/29 Python
python采集百度搜索结果带有特定URL的链接代码实例
2019/08/30 Python
WxPython实现无边框界面
2019/11/18 Python
Java爬虫技术框架之Heritrix框架详解
2020/07/22 Python
新西兰领先的内衣店:Bendon Lingerie新西兰
2018/07/11 全球购物
英语演讲稿范文
2014/01/03 职场文书
网络编辑岗位职责范本
2014/02/10 职场文书
毕业自我鉴定总结
2014/03/24 职场文书
2014年党员创先争优承诺书
2014/05/29 职场文书
2016廉洁教育心得体会
2016/01/20 职场文书
小学体育队列队形教学反思
2016/02/16 职场文书
css3应用示例:新增的选择器
2022/03/16 HTML / CSS