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显示选择目录对话框的代码
Nov 10 Javascript
Jquery多选框互相内容交换的实例代码
Jul 04 Javascript
JQuery判断HTML元素是否存在的两种解决方法
Dec 26 Javascript
使用js画图之画切线
Jan 12 Javascript
jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法
Aug 05 Javascript
JS组件系列之JS组件封装过程详解
Apr 28 Javascript
JS实现动态给标签控件添加事件的方法示例
May 13 Javascript
浅谈对Angular中的生命周期钩子的理解
Jul 31 Javascript
微信小程序引用公共js里的方法的实例详解
Aug 17 Javascript
简述JS控制台的使用
Jul 15 Javascript
解析vue、angular深度作用选择器
Sep 11 Javascript
vue实现吸顶、锚点和滚动高亮按钮效果
Oct 21 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
初学者入门:细述PHP4的核心Zend
2006/09/05 PHP
一周学会PHP(视频)Http下载
2006/12/12 PHP
关于shopex同步ucenter的redirect问题,导致script不运行
2013/04/10 PHP
PHP自定义大小验证码的方法详解
2013/06/07 PHP
测试php函数的方法
2013/11/13 PHP
php实例分享之html转为rtf格式
2014/06/02 PHP
PHP获取当前相对于域名目录的方法
2015/06/26 PHP
PHP实现redis限制单ip、单用户的访问次数功能示例
2018/06/16 PHP
Laravel (Lumen) 解决JWT-Auth刷新token的问题
2019/10/24 PHP
用php实现分页效果的示例代码
2020/12/10 PHP
js自带函数备忘 数组
2006/12/29 Javascript
优秀js开源框架-jQuery使用手册(1)
2007/03/10 Javascript
利用腾讯的ip地址库做ip物理地址定位
2010/07/24 Javascript
日历查询的算法 如何计算某一天是星期几
2012/12/12 Javascript
jquery.post用法关于type设置问题补充
2014/01/03 Javascript
用javascript对一个json数组深度赋值示例
2014/07/27 Javascript
基于jQuery实现Div窗口震动特效代码-代码简单
2015/08/28 Javascript
BootStrap 实现各种样式的进度条效果
2016/12/07 Javascript
Angular4学习笔记之实现绑定和分包
2017/08/01 Javascript
基于vue-element组件实现音乐播放器功能
2018/05/06 Javascript
微信小程序左滑动显示菜单功能的实现
2018/06/14 Javascript
JavaScript遍历数组的三种方法map、forEach与filter实例详解
2019/02/27 Javascript
通过js随机函数Math.random实现乱序
2020/05/19 Javascript
html中创建并调用vue组件的几种方法汇总
2020/11/17 Javascript
vue中封装axios并实现api接口的统一管理
2020/12/25 Vue.js
NestJs使用Mongoose对MongoDB操作的方法
2021/02/22 Javascript
零基础写python爬虫之urllib2中的两个重要概念:Openers和Handlers
2014/11/05 Python
python使用正则表达式提取网页URL的方法
2015/05/26 Python
Pyecharts绘制全球流向图的示例代码
2020/01/08 Python
详解利用python识别图片中的条码(pyzbar)及条码图片矫正和增强
2020/11/17 Python
莫斯科绝对前卫最秘密的商店:SVMoscow
2017/10/23 全球购物
设计师个人求职信范文
2014/02/02 职场文书
节约能源标语
2014/06/17 职场文书
化工见习报告范文
2014/10/31 职场文书
2015年财务个人工作总结范文
2015/05/22 职场文书
2016党员学习《反对自由主义》心得体会
2016/01/22 职场文书