JavaScript中的onerror事件概述及使用

 更新时间:2013年04月01日 10:14:11   作者:  
onerror事件用来协助处理页面中的JavaScript错误主要包括:Window.onerror事件,img载入错误,接下来为大家详细介绍下,感兴趣的朋友可以参考下哈
1Window.onerror事件

onerror事件用来协助处理页面中的JavaScript错误。当页面上出现异常时,error事件便在window对象上触发。例如:     

在这种情况下,浏览器会显示错误信息:

如果不希望浏览器在默认对话框中显示出错消息,让onerror方法返回true即可。

此外,onerror方法还提供了三个参数用来确定错误确切的信息,分别是:

1)message:一个字符串,声明了出现的错误的信息(不同的浏览器中返回的消息内容略有差异)。

2)url:一个字符串,声明了出现错误的文档的URL。

3)line:一个数字,声明了出现错误的代码行的行号。

例如:

    

  Ps:此方法在safari和Opera下测试未通过

  注意事项:onerror事件应在其它js程序前绑定。 

2img载入错误 

<img>标签支持onerror句柄。当一个图像文件由于各种原因载入不成功时,便触发该事件句柄。通过该方法,可以使得当前图片载入失败时显示默认图片。

例如: 

当网络原因或者是其他的原因,导致onerror里面提供的图片地址加载不到的时候,ie会循环执行onerror事件,导致栈溢出,此时页面会弹出了alert消息框,错误信息为:"stackoverflow at line:0"。

IE 6.0一般会以弹出的消息框报道溢出现象,并且会继续执行它的功能。但是也有一些溢出漏洞发生时,会关闭所有打开的窗口而没有任何提示。 因此选择使用该事件的时候还是要慎重啊!

注意事项:<img>标签的onerror方法没有其他额外的参数。

相关文章

  • style-loader为什么要使用pitch方法原理解析

    style-loader为什么要使用pitch方法原理解析

    这篇文章主要为大家介绍了style-loader为什么要使用pitch方法原理解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • 详细讲解JavaScript中的this绑定

    详细讲解JavaScript中的this绑定

    在javascript的函数中,除了声明时定义的形参之外,每个函数还可以接收两个附加的参数:this和arguments。这里就讲一下this的作用以及不同场景下它的不同指向。
    2016-10-10
  • js console.log打印对像与数组用法详解

    js console.log打印对像与数组用法详解

    这篇文章主要介绍了js console.log打印对像与数组用法,结合实例形式较为详细的分析了js使用console.log实现打印对象与数组的具体实现步骤与相关技巧,需要的朋友可以参考下
    2016-01-01
  • es6数组之扩展运算符操作实例分析

    es6数组之扩展运算符操作实例分析

    这篇文章主要介绍了es6数组之扩展运算符操作,结合实例形式总结分析es6数组扩展运算符具体原理、实现方法及操作注意事项,需要的朋友可以参考下
    2020-04-04
  • 通过实例了解Render Props回调地狱解决方案

    通过实例了解Render Props回调地狱解决方案

    这篇文章主要介绍了通过实例了解Render Props回调地狱解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-11-11
  • uniapp 引用 js 组件的方法(场景分析)

    uniapp 引用 js 组件的方法(场景分析)

    在UniApp开发过程中,我们不仅需要掌握各种UI组件的使用方法,还需要了解如何在项目中引入JS文件,在本文中,我将介绍UniApp中如何引入JS的方法,感兴趣的朋友跟随小编一起看看吧
    2023-09-09
  • js实现动态加载脚本的方法实例汇总

    js实现动态加载脚本的方法实例汇总

    这篇文章主要介绍了js实现动态加载脚本的方法,以实例形式汇总并分析了几种常用的JavaScript动态加载脚本的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-11-11
  • JS中实现隐藏部分姓名或者电话号码的代码

    JS中实现隐藏部分姓名或者电话号码的代码

    最近做了小项目,项目需要只显示用户的姓名和手机号开头跟结尾,其他部分用*号代替,下面小编给大家分享一段简单的代码,需要的朋友跟随脚本之家小编一起看看吧
    2018-07-07
  • layui-table对返回的数据进行转变显示的实例

    layui-table对返回的数据进行转变显示的实例

    今天小编就为大家分享一篇layui-table对返回的数据进行转变显示的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JavaScript数据类型检测实现方法详解

    JavaScript数据类型检测实现方法详解

    Javascript中检查数据类型一直是老生常谈的问题,类型判断在web开发中也有着非常广泛的应用,所以下面这篇文章主要给大家介绍了关于JS数据类型检测的那些事,需要的朋友可以参考下
    2022-11-11

最新评论