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 相关文章推荐
让iframe框架网页在任何浏览器下自动伸缩
Aug 18 Javascript
javascript 隔行换色函数代码
Oct 24 Javascript
javascript实现div的显示和隐藏的小例子
Jun 25 Javascript
js实现收缩菜单效果实例代码
Oct 30 Javascript
如何在JavaScript中实现私有属性的写类方式(二)
Dec 04 Javascript
JS获取随机数函数可自定义最小值最大值
May 08 Javascript
javascript获取四位数字或者字母的随机数
Jan 09 Javascript
Vue.js实现价格计算器功能
Mar 30 Javascript
Vue中的异步组件函数实现代码
Jul 20 Javascript
在vue项目中正确使用iconfont的方法
Sep 28 Javascript
js实现打字小游戏
Dec 17 Javascript
js实现简易ATM功能
Oct 27 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.2中date()函数显示时间与北京时间相差8小时的解决办法
2009/05/28 PHP
php基于curl实现的股票信息查询类实例
2016/11/11 PHP
ThinkPHP5 的简单搭建和使用详解
2018/11/15 PHP
鼠标经过的文本框textbox变色
2009/05/21 Javascript
jquery last-child 列表最后一项的样式
2010/01/22 Javascript
javascript操作cookie的文章(设置,删除cookies)
2010/04/01 Javascript
加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)
2013/06/26 Javascript
JQuery判断子iframe何时加载完成解决方案
2013/08/20 Javascript
jquery中邮箱地址 URL网站地址正则验证实例代码
2013/09/15 Javascript
JQuery实现鼠标移动到图片上显示边框效果
2014/01/09 Javascript
Jquery代码实现图片轮播效果(一)
2015/08/12 Javascript
详解jquery事件delegate()的使用方法
2016/01/25 Javascript
小程序兼容安卓和IOS数据处理问题及坑
2018/09/18 Javascript
vsCode安装使用教程和插件安装方法
2020/08/24 Javascript
webpack4 optimization使用总结
2019/11/10 Javascript
vue-cli3项目打包后自动化部署到服务器的方法
2020/09/16 Javascript
Python入门及进阶笔记 Python 内置函数小结
2014/08/09 Python
Python常用算法学习基础教程
2017/04/13 Python
Python面向对象之继承和多态用法分析
2019/06/08 Python
Python学习笔记之For循环用法详解
2019/08/14 Python
Python网络编程之使用TCP方式传输文件操作示例
2019/11/01 Python
Python实现栈和队列的简单操作方法示例
2019/11/29 Python
Python3监控疫情的完整代码
2020/02/20 Python
踩坑:pytorch中eval模式下结果远差于train模式介绍
2020/06/23 Python
如何基于Python爬虫爬取美团酒店信息
2020/11/03 Python
css3实现二维码扫描特效的示例
2020/10/29 HTML / CSS
美国护肤咨询及美容产品电商:Askderm
2017/02/24 全球购物
Android笔试题总结
2014/11/29 面试题
服务行业个人求职的自我评价
2013/12/12 职场文书
高级销售求职信
2014/02/21 职场文书
倡议书格式及范文
2015/04/29 职场文书
图书借阅制度范本
2015/08/06 职场文书
MySQL基础(一)
2021/04/05 MySQL
如何用JavaScript检测当前浏览器是无头浏览器
2021/04/27 Javascript
vue3种table表格选项个数的控制方法
2022/04/14 Vue.js
使用ICOM IC-R9500接收机同时测评十台收音机中波接收性能
2022/05/10 无线电