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方法没有其他额外的参数。

相关文章

  • JavaScript解析JSON数据示例

    JavaScript解析JSON数据示例

    这篇文章主要介绍了JavaScript解析JSON数据,涉及javascript针对json格式数据的读取、遍历相关操作技巧,需要的朋友可以参考下
    2019-07-07
  • 微信小程序实现留言板

    微信小程序实现留言板

    这篇文章主要为大家详细介绍了微信小程序实现留言板,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-10-10
  • onkeydown事件解决按回车键直接提交数据的需求

    onkeydown事件解决按回车键直接提交数据的需求

    登陆页面需要扑捉用户按下回车自动提交的需求,于是相到在body里添加onkeydown事件跳javascript在提交表单,具体看下实现代码,希望对你有所帮助
    2013-04-04
  • 前端中间件Midway的使用教程

    前端中间件Midway的使用教程

    Midway 基于 TypeScript 开发,结合了面向对象(OOP + Class + IoC)与函数式(FP + Function + Hooks)两种编程范式,并在此之上支持了 Web / 全栈 / 微服务 / RPC / Socket / Serverless 等多种场景,这篇文章主要介绍了前端中间件Midway的使用,需要的朋友可以参考下
    2023-05-05
  • CountUp.js数字滚动插件使用方法详解

    CountUp.js数字滚动插件使用方法详解

    这篇文章主要为大家详细介绍了CountUp.js数字滚动插件的使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-10-10
  • 完美解决AJAX跨域问题

    完美解决AJAX跨域问题

    我看到过很多人不愿意去正视ajax所存在的技术瓶颈,其实AJAX更应该是Ajax而不是AJAX,突出第一个A是想强调其实AJAX发扬的是一种异步传输的方法,而不是具体到底使用了哪种技术
    2013-11-11
  • 用表格输出1-1000之间的数字实现代码(附特效)

    用表格输出1-1000之间的数字实现代码(附特效)

    本文将介绍下用表格输出1-1000之间的数字同时附有特效,感兴趣的朋友可以参考下哈,希望对你有所帮助
    2013-04-04
  • js GridView 实现自动计算操作代码

    js GridView 实现自动计算操作代码

    js操作GridView,实现自动计算的实现代码,下面的代码运行即可
    2009-03-03
  • Bootstrap 设置datetimepicker在屏幕上面弹出设置方法

    Bootstrap 设置datetimepicker在屏幕上面弹出设置方法

    datetimepicker默认是在输入框下面弹出的,但是遇到输入框在屏幕下面时,日期选择框会有一部分在屏幕下面,显示不了,因此需要能够从上面弹出,下面小编给大家介绍下Bootstrap 设置datetimepicker在屏幕上面弹出的设置方法
    2017-03-03
  • JavaScript知识点总结(十)之this关键字

    JavaScript知识点总结(十)之this关键字

    这篇文章主要介绍了JavaScript知识点总结(十)之this关键字的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-05-05

最新评论