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 相关文章推荐
关于__defineGetter__ 和__defineSetter__的说明
May 12 Javascript
jQuery lazyLoad图片延迟加载插件的优化改造方法分享
Aug 13 Javascript
javascript中Array()数组函数详解
Aug 23 Javascript
JS组件中bootstrap multiselect两大组件较量
Jan 26 Javascript
判断是否存在子节点的实现代码
May 18 Javascript
JavaScript事件用法浅析
Oct 31 Javascript
详解基于Node.js的微信JS-SDK后端接口实现代码
Jul 15 Javascript
基于vue-ssr的静态网站生成器VuePress 初体验
Apr 17 Javascript
vue开发拖拽进度条滑动组件
Sep 21 Javascript
Vue简单实现原理详解
May 07 Javascript
2分钟实现一个Vue实时直播系统的示例代码
Jun 05 Javascript
基于JavaScript实现随机点名器
Feb 25 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
改造一台复古桌面收音机
2021/03/02 无线电
PHP在XP下IIS和Apache2服务器上的安装
2006/09/05 PHP
PHP调用MySQL的存储过程的实现代码
2008/08/12 PHP
php调用nginx的mod_zip模块打包ZIP文件
2014/06/11 PHP
php读取mssql的ntext字段返回值为空的解决方法
2014/12/30 PHP
php简单实现快速排序的方法
2015/04/04 PHP
PhpStorm terminal无法输入命令的解决方法
2016/10/09 PHP
PHP实现根据数组某个键值大小进行排序的方法
2018/03/13 PHP
php实现的数组转xml案例分析
2019/09/28 PHP
JQuery 1.4 中的Ajax问题
2010/01/23 Javascript
js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件
2014/01/27 Javascript
点评js异步加载的4种方式
2015/12/22 Javascript
利用node.js实现反向代理的方法详解
2017/07/24 Javascript
vue-cli3.0 环境变量与模式配置方法
2018/11/08 Javascript
vue使用Google地图的实现示例代码
2018/12/19 Javascript
layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)
2019/09/24 Javascript
在Vue中使用HOC模式的实现
2020/08/23 Javascript
[01:21]DOTA2周边文化主题展 神秘商店火热开售
2017/07/30 DOTA
python实现requests发送/上传多个文件的示例
2018/06/04 Python
python递归函数绘制分形树的方法
2018/06/22 Python
Python字符串内置函数功能与用法总结
2019/04/16 Python
解决python中用matplotlib画多幅图时出现图形部分重叠的问题
2019/07/07 Python
python生成requirements.txt的两种方法
2019/09/18 Python
Django的CVB实例详解
2020/02/10 Python
Keras - GPU ID 和显存占用设定步骤
2020/06/22 Python
提高python代码运行效率的一些建议
2020/09/29 Python
利用HTML5 Canvas API绘制矩形的超级攻略
2016/03/21 HTML / CSS
单位办理社保介绍信
2014/01/10 职场文书
境外导游求职信
2014/02/27 职场文书
入党自荐书范文
2014/03/09 职场文书
学校联谊协议书
2014/09/16 职场文书
基于Python实现的购物商城管理系统
2021/04/27 Python
Pytorch使用shuffle打乱数据的操作
2021/05/20 Python
Python基础学习之奇异的GUI对话框
2021/05/27 Python
Spring Data JPA使用JPQL与原生SQL进行查询的操作
2021/06/15 Java/Android
Python+OpenCV实现在图像上绘制矩形
2022/03/21 Python