JavaScript onerror事件

1 onerror事件描述

使用onerror事件是一种老式的标准的在网页中捕获Javascript错误的方法

2 何时产生onerror事件

只要页面中出现脚本错误,就会产生onerror事件

3 如何使用onerror事件

利用onerror事件,就必须创建一个错误的函数。你可以把这函数叫作onerror事件处理器。这个事件处理器使用三个参数来调用:msg(错误消息), url(发生错误的页面的url), line(发生错误的代码行)

4 语法

onerror = handleErr

function handleErr(msg, url, line){

//Handle the error here

return true or false

}

5 解释

浏览器是否现实标准的错误消息,取决于onerror的返回值,如果返回值为false,则在控制台中显示错误消息,反之则不会

6示例

<html>

<head>

<script>

onerror = handleErr

var txt = ‘‘

function handleErr(msg, url, line){

txt = "There was an error on this page. \n\n";

txt += ‘Error: ‘+msg+"\n";

txt += "URL: "+url+"\n";

txt += "Line: "+line+"\n";

txt += "Click OK to continue.\n\n"

return true

}

function message(){

addlert("Welcome guest!")

}

</scrip>

</head>

<body>

<input type="button" value="View message" onclick="message()">

</body>

</html>

时间: 2024-10-04 17:41:23

JavaScript onerror事件的相关文章

【JavaScript】加载失败的红叉图片处理与&lt;img&gt;图片标签的onerror事件

大家上网的时候肯定见到过加载失败的红叉图片,具体如下图.当然现在Google Chrome与Firefox对其处理会好看一些. 其实可以利用<img>图片标签的onerror事件对其处理的,要求其加载失败之后,马上加载一张默认图片,而不是显示为红叉叉. 其代码如下: <img src="s.png" onerror="javascript:this.src='xx.png';this.width=80;this.height=80;" />

onerror事件

onerror 事件会在文档或图像加载过程中发生错误时被触发. 在装载文档或图像的过程中如果发生了错误,就会调用该事件. 例: img标签中的src图片加载失败,原来的图片位置会出现一个加载失败的小图; onerror事件就在发生错误时被调用,从而用一张备用图片替代原图; <img src="images/pic.jpg"onerror="javascript:this.src='images/error.jpg;'"/> 如果error.jpg 也不存

图片的onerror 事件解析

1. 该事件触发条件 文档和图像在加载失败的时候(用户体验会下降.)会触发该事件 2. 解决碎图的办法 利用img的onerror事件和javascript 例: 现有的图片是 successed.png <img src="successed.png"> 正常展示 <img src="successed1.png"> 此时找不到successed1.png 图片 页面展示如下 解决方案 <img src="successed

HTML Dom Event对象onerror事件

语法: onerror="SomeJavaScriptCode" onerror 事件会在文档或图像加载过程中发生错误时被触发. 支持该事件的 HTML 标签: <img>, <object>, <style> 支持该事件的 JavaScript 对象: window, image 例: 装载图像时发生了错误,弹出一个提示框: <img src="image.gif" onerror="alert('图片找不到,无

Javascript的事件模型和Promise实现

1. Javascript的运行时模型--事件循环 JS的运行时是个单线程的运行时,它不像其他编程语言,比如C++,Java,C#这些可以进行多线程操作的语言.当它执行一个函数时,它只会一条路走到黑,不会在当前函数结束之前去调用其他的函数(除非当前函数主动调用其他函数).它也不用担心会有其他线程打扰它,因为它的运行时只有一个线程.如果你还记得一些计算机原理的话,这种运行时只有一个栈,设计起来相当的简单. 一条路走到黑的设计很棒,因为它足够简单,但是又是谁决定哪个函数从开始进入栈内执行呢?答案是J

img的onerror事件

情景: 1.当在页面中显示的图片不存在 2.图片存在但由于网络问题导致无法正常显示图片 问题:当图片无法正常显示的时候会在图片的位置显示破碎的图标不美观也不友好 方法:可以借助于img标签的onerror事件做一些处理用默认的图片替换破碎的图标 <img src="xxx.png" onerror="javascript:this.src='static/images/default.png';"> 理想情景:当xxx.png找不到时会触发onerror

JavaScript中事件绑定的方法总结

最近收集了一些关于JavaScript绑定事件的方法,汇总了一下,不全面,但是,希望便于以后自己查看. JavaScript中绑定事件的方法主要有三种: 1 在DOM元素中直接绑定 2 JavaScript代码中直接绑定 3 绑定事件监听函数 一.在DOM元素中直接绑定 也就是直接在html标签中通过 onXXX=“” 来绑定.举个例子: <input type="button" value="点我呦" onclick="alert("he

javaScript 删除事件 弹出确认 取消对话框

1 javaScript 删除事件 弹出确认 取消对话框 2 1. 3 4 <a href="javascript:if(confirm('确实要删除?'))location='http://www.baidu.com'">删除</a> 5 6 2. 7 8 <script language="JavaScript"> 9 function delete_confirm(e) 10 { 11 if (event.srcElemen

JavaScript onkeydown事件入门实例(键盘某个按键被按下)

JavaScript onkeydown 事件 用户按下一个键盘按键时会触发 onkeydown 事件.与 onkeypress事件不同的是,onkeydown 事件是响应任意键按下的处理(包括功能键),onkeypress 事件只响应字符键按下后的处理. 提示 Internet Explorer/Chrome 浏览器使用 event.keyCode 取回被按下的字符,而 Netscape/Firefox/Opera 等浏览器使用 event.which. onkeydown 获取用户按下的键