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 相关文章推荐
iis6+javascript Add an Extension File
Jun 13 Javascript
IE FF OPERA都可用的弹出层实现代码
Sep 29 Javascript
js 回车提交表单两种实现方法
Dec 31 Javascript
javascript实现数独解法
Mar 14 Javascript
AngularJS入门教程之AngularJS表达式
Apr 18 Javascript
浅谈JavaScript前端开发的MVC结构与MVVM结构
Jun 03 Javascript
javascript简单链式调用案例分析
May 10 Javascript
详解使用Vue Router导航钩子与Vuex来实现后退状态保存
Sep 11 Javascript
JavaScript new对象的四个过程实例浅析
Jul 31 Javascript
layui实现图片虚拟路径上传,预览和删除的例子
Sep 25 Javascript
JavaScript this在函数中的指向及实例详解
Oct 14 Javascript
四十九个javascript小知识实用技巧
Nov 20 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
点评山进PR-D3L三波段收音机
2021/03/02 无线电
PHP新手NOTICE错误常见解决方法
2011/12/07 PHP
php几个预定义变量$_SERVER用法小结
2014/11/07 PHP
php使用array_search函数实现数组查找的方法
2015/06/12 PHP
PHP使用php-resque库配合Redis实现MQ消息队列的教程
2016/06/29 PHP
PHP实现数组转JSon和JSon转数组的方法示例
2018/06/14 PHP
PHP实现一个按钮点击上传多个图片操作示例
2020/01/23 PHP
jQuery的text()方法用法分析
2014/12/20 Javascript
jQuery元素选择器用法实例
2014/12/23 Javascript
JavaScript之RegExp_动力节点Java学院整理
2017/06/29 Javascript
JS分页的实现(同步与异步)
2017/09/16 Javascript
React 组件间的通信示例
2018/06/14 Javascript
ndm:NPM的桌面GUI应用程序
2018/10/15 Javascript
js canvas实现5张图片合成一张图片
2019/07/15 Javascript
关于angular浏览器兼容性问题的解决方案
2020/07/26 Javascript
如何利用nodejs自动定时发送邮件提醒(超实用)
2020/12/01 NodeJs
[06:36]吞吞映像top1
2014/06/20 DOTA
在Python中实现贪婪排名算法的教程
2015/04/17 Python
Django objects的查询结果转化为json的三种方式的方法
2018/11/07 Python
python 实现将txt文件多行合并为一行并将中间的空格去掉方法
2018/12/20 Python
使用python脚本自动生成K8S-YAML的方法示例
2020/07/12 Python
车库门开启器、遥控器和零件:Chamberlain
2019/04/09 全球购物
荷兰的时尚市场:To Be Dressed
2019/05/06 全球购物
普通PHP程序员笔试题
2016/01/01 面试题
聊城大学毕业生自荐书
2014/02/01 职场文书
《小蝌蚪找妈妈》教学反思
2014/02/21 职场文书
财务总监管理职责范文
2014/03/09 职场文书
项目采购员岗位职责
2014/04/15 职场文书
预备党员考察表党小组意见
2015/06/01 职场文书
大学军训通讯稿
2015/07/18 职场文书
2015年重阳节活动主持词
2015/07/30 职场文书
化验室安全管理制度
2015/08/06 职场文书
golang中的并发和并行
2021/05/08 Golang
pyqt5打包成exe可执行文件的方法
2021/05/14 Python
Win11怎么修改电源模式?Win11修改电源模式的方法
2022/04/05 数码科技
mysql字段为NULL索引是否会失效实例详解
2022/05/30 MySQL