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 19 Javascript
js每隔5分钟执行一次ajax请求的实现方法
Nov 27 Javascript
禁止拷贝网页内容的js代码
Jan 22 Javascript
jquery实现标签支持图文排列带上下箭头按钮的选项卡
Mar 14 Javascript
JS实现单击输入框弹出选择框效果完整实例
Dec 14 Javascript
JS onkeypress兼容性写法详解
Apr 27 Javascript
JCrop+ajaxUpload 图像切割上传的实例代码
Jul 20 Javascript
Django与Vue语法的冲突问题完美解决方法
Dec 14 Javascript
angular 实现同步验证器跨字段验证的方法
Apr 11 Javascript
vue无限轮播插件代码实例
May 10 Javascript
jQuery实现全选按钮
Jan 01 jQuery
vue中activated的用法
Jan 03 Vue.js
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
改德生G88 - 加装等响度低音提升电路
2021/03/02 无线电
我的论坛源代码(九)
2006/10/09 PHP
PHP实现手机号码中间四位用星号(*)隐藏的自定义函数分享
2014/09/27 PHP
php similar_text()函数的定义和用法
2016/05/12 PHP
PHP构造二叉树算法示例
2017/06/21 PHP
PHP单元测试配置与使用方法详解
2019/12/27 PHP
仅IE支持clearAttributes/mergeAttributes方法使用介绍
2012/05/04 Javascript
js控制的回到页面顶端goTop的代码实现
2013/03/20 Javascript
JavaScript中instanceof运算符的用法总结
2013/11/19 Javascript
JS记录用户登录次数实现代码
2014/01/15 Javascript
jquery自定义滚动条插件示例分享
2014/02/21 Javascript
jquery移动节点实例
2015/01/14 Javascript
jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果
2020/04/16 Javascript
判断数组的最佳方法(推荐)
2016/10/11 Javascript
bootstrap datetimepicker2.3.11时间插件使用
2016/11/19 Javascript
AngularJS自定义服务与fliter的混合使用
2016/11/24 Javascript
工厂模式在JS中的实践
2017/01/18 Javascript
值得分享和收藏的xmlplus组件学习教程
2017/05/05 Javascript
Vue动态实现评分效果
2017/05/24 Javascript
import与export在node.js中的使用详解
2017/09/28 Javascript
说说Vue.js中的functional函数化组件的使用
2019/02/12 Javascript
JAVA面试题 static关键字详解
2019/07/16 Javascript
vue-cli或vue项目利用HBuilder打包成移动端app操作
2020/07/29 Javascript
在vue-cli3.0 中使用预处理器 (Sass/Less/Stylus) 配置全局变量操作
2020/08/10 Javascript
express异步函数异常捕获示例详解
2020/11/30 Javascript
Python模块学习 filecmp 文件比较
2012/08/27 Python
基于Python 装饰器装饰类中的方法实例
2018/04/21 Python
Python针对给定字符串求解所有子序列是否为回文序列的方法
2018/04/21 Python
pandas.DataFrame选取/排除特定行的方法
2018/07/03 Python
tensorflow实现逻辑回归模型
2018/09/08 Python
python 实现 hive中类似 lateral view explode的功能示例
2020/05/18 Python
Pycharm安装Qt Design快捷工具的详细教程
2020/11/18 Python
学习十八大精神心得体会
2013/12/31 职场文书
党员教师自我剖析材料
2014/09/29 职场文书
爱国主义电影观后感
2015/06/18 职场文书
springboot @ConfigurationProperties和@PropertySource的区别
2021/06/11 Java/Android