JavaScript onerror 事件（ window.onerror = ）

前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。

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

实例

onerror 事件

如何使用 onerror 事件捕获网页中的错误。（chrome、opera、safari 浏览器不支持）

onerror 事件

我们刚讲过如何使用 try...catch 声明来捕获网页中的错误。现在，我们继续讲解如何使用 onerror 事件来达到相同的目的。

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

如果需要利用 onerror 事件，就必须创建一个处理错误的函数。你可以把这个函数叫作 onerror 事件处理器 (onerror event handler)。这个事件处理器使用三个参数来调用：msg（错误消息）、url（发生错误的页面的 url）、line（发生错误的代码行）。

语法：

onerror=handleErrfunction handleErr(msg,url,l)
{
//Handle the error here
return true or false
}

浏览器是否显示标准的错误消息，取决于 onerror 的返回值。如果返回值为 false，则在控制台 (JavaScript console) 中显示错误消息。反之则不会。

实例：

下面的例子展示如何使用 onerror 事件来捕获错误：

<html>
<head>
<script type="text/javascript">
onerror=handleErr
var txt=""function handleErr(msg,url,l)
{
txt="There was an error on this page.\n\n"
txt+="Error: " + msg + "\n"
txt+="URL: " + url + "\n"
txt+="Line: " + l + "\n\n"
txt+="Click OK to continue.\n\n"
alert(txt)
return true
}function message()
{
adddlert("Welcome guest!")
}
</script>
</head><body>
<input type="button" value="View message" οnclick="message()" />
</body></html>

JavaScript onerror 事件（ window.onerror = ）相关推荐

JavaScript onerror事件
2019独角兽企业重金招聘Python工程师标准>>> 1 onerror事件描述使用onerror事件是一种老式的标准的在网页中捕获Javascript错误的方法 2 何时产生o ...
vue中img标签onerror事件
vue中img标签onerror事件使用:onerror去绑定事件该方法能正确处理onerror事件,并防止闪图 <img type="image/x-icon" :sr ...
前端代码异常监控—window.onerror
我是开发微信图文页一名普通的码农.近期加班加点上线非常重要的的广告功能: 底部的广告区域有关注公众号的按钮,用户点击之后就会给广告主带来粉丝,给文章所有者带来广告收入.某天,码农心血来潮,想了解一下每 ...
原生HTML：img 相关属性详解（alt属性,onerror事件，以及其他基本属性）,css中的object-fit
语法:<img> 属性: 1.src 指定要显示图像的URL 2.width 宽度,指定图像的宽度以px作为单位的数值,px可以省略 3.height 高度,指定 ...
网络安全（2） -- 关于一次XSS攻击-图片(img标签)的onerror事件
因为最近在学习web安全,出于好奇,尝试对CSDN进行了XSS注入,没想到真的成功了. 操作步骤: 直接找一篇博客,在底下评论 <img src="pic.gif" οner ...
img标签的onerror事件
有时,img标签中的src图片加载失败,原来的图片位置会出现一个碎片图标,用户体验会下降. 通过百度,可以给img标签加背景图片,代码如下: .headLogo img{display: block; ...
img的onerror事件
1.在图片不存在或者网络状态不好的情况下,会存在图片加载不过来,用户体验很差: 2.解决方法: (1)统一设置一个背景图 img{display: block;width: 100px;height: ...
img标签的onerror事件（应用以及注意事项）
建议只用懒加载 :https://www.npmjs.com/package/vue-lazyload npm install vue-lazyload --save-devimport VueLaz ...
vue监听页面上的报错信息,window.onerror和window.addEventListener(‘error‘)的区别
前言: 监听页面上的报错信息项目中使用:判断路径上有没有这个版本号...具体内容可根据实际情况来 const asyncVersion = '20210128' window.addEventLis ...

JavaScript onerror 事件（ window.onerror = ）

实例

onerror 事件

语法：

实例：

JavaScript onerror 事件（ window.onerror = ）相关推荐

最新文章

热门文章