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 直接操作本地文件的实现代码
Dec 01 Javascript
javascript 放大镜 v1.0 基于Yui2 实现的放大镜效果
Mar 08 Javascript
Jquery实现Div上下移动示例
Apr 23 Javascript
JavaScript中消除闭包的一般方法介绍
Mar 16 Javascript
JavaScript中String.prototype用法实例
May 20 Javascript
JavaScript多图片上传案例
Sep 28 Javascript
jQuery实现页面点击后退弹出提示框的方法
Aug 24 Javascript
jQuery实现定时隐藏对话框的方法分析
Feb 12 jQuery
bootstrap与pagehelper实现分页效果
Dec 29 Javascript
VUE 实现复制内容到剪贴板的两种方法
Apr 24 Javascript
后台使用freeMarker和前端使用vue的方法及遇到的问题
Jun 13 Javascript
详解element-ui表格中勾选checkbox,高亮当前行
Sep 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
一台收音机,让一家人都笑逐颜开!
2020/08/21 无线电
VFP与其他应用程序的集成
2006/10/09 PHP
PHP - Html Transfer Code
2006/10/09 PHP
smarty模板嵌套之include与fetch性能测试
2010/12/05 PHP
可以文本显示的公告栏的js代码
2007/03/11 Javascript
基于jquery的checkbox下拉框插件代码
2010/06/25 Javascript
学习javascript,实现插入排序实现代码
2011/07/31 Javascript
如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上
2015/12/26 Javascript
javascript中Number的方法小结
2016/11/21 Javascript
AngularJS中isolate scope的用法分析
2016/11/22 Javascript
BootStrap Datetimepicker 汉化的实现代码
2017/02/10 Javascript
JavaScript实现前端实时搜索功能
2020/03/26 Javascript
微信小程序 图片宽高自适应详解
2017/05/11 Javascript
jQuery Layer弹出层传值到父页面的实现代码
2017/08/17 jQuery
vue+vue-validator 表单验证功能的实现代码
2017/11/13 Javascript
vue+vuex+axios+echarts画一个动态更新的中国地图的方法
2017/12/19 Javascript
详解Vue取消eslint语法限制
2018/08/04 Javascript
详解vue 在移动端体验上的优化解决方案
2019/05/20 Javascript
[07:48]DOTA2上海特级锦标赛主赛事首日RECAP
2016/03/04 DOTA
Python help()函数用法详解
2014/03/11 Python
Python利用pyHook实现监听用户鼠标与键盘事件
2014/08/21 Python
python奇偶行分开存储实现代码
2018/03/19 Python
python 列表,数组,矩阵两两转换tolist()的实例
2018/04/04 Python
用Python PIL实现几个简单的图片特效
2019/01/18 Python
详解Python 定时框架 Apscheduler原理及安装过程
2019/06/14 Python
python函数装饰器之带参数的函数和带参数的装饰器用法示例
2019/11/06 Python
tensorflow的计算图总结
2020/01/12 Python
Python分析微信好友性别比例和省份城市分布比例的方法示例【基于itchat模块】
2020/05/29 Python
html5 制作地图当前定位箭头的方法示例
2020/01/10 HTML / CSS
美国网上鞋城:Shoeline.com
2016/11/17 全球购物
Woolworth官网:澳洲第一大超市
2017/06/25 全球购物
Herschel美国官网:背包、手提袋及配件
2020/03/10 全球购物
北京泡泡网网络有限公司.net面试题
2012/07/17 面试题
励志演讲稿200字
2014/08/21 职场文书
办公室文员岗位职责
2015/02/04 职场文书
解析Java异步之call future
2021/06/14 Java/Android