触发onerror事件处理异常

男娘i 2022-05-11 23:44 303阅读 0赞

**一 介绍**

触发onerror事件是最早用于处理JavaScript异常的机制，页面出现异常时，将触发onerror事件，该事件在window对象上触发。

语法：

<script language="javascript">

window.οnerrοr=function()

\{

alert("您调用的函数不存在");

return true;

\}

</script>

window.onerror：触发onerror事件。

如果在onerror事件处理函数中没有使用return true语句，在弹出错误提示对话框后，浏览器的错误报告也会显示出来。为了隐藏此错误报告，函数需要返回true。

图像对象也可以触发onerror事件。

语法：

<script language="javascript">

document.images\[0\].οnerrοr=function()

\{

somestatements;

return true;

\}

</script>

document.images\[0\]：页面中的第一个图像。

使用onerror事件处理异常除了可以捕捉异常之外，还可以提供如下3种信息来确定发生异常的详细信息。

1、异常信息：获取异常信息。

2、URL：获取发生异常的文件的绝对路径。

3、行号：给定发生异常文件的行号。

语法：

<script language="javascript">

window.οnerrοr=function(ms,Url,Line)

\{

alert("您调用的函数不存在\\n"+ms+"\\n"+Url+"\\n"+Line+"\\n");

return true;

\}

</script>

**二 使用onerror事件处理异常应用**

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>onerror事件</title>

<script language="javascript">

window.οnerrοr=function(ms,Url,Line)

\{

alert("您调用的函数不存在\\n"+ms+"\\n"+Url+"\\n"+Line+"\\n");//弹出错误提示对话框

return true; //返回true

\}

function ImgLoad()

\{

document.images\[0\].οnerrοr=function()

\{

alert("您调用的图像并不存在\\n");

\};

document.images\[0\].src="test.gif";

\}

</script>

</head>

<body οnlοad="ImgLoad()">

<script language="javascript">

onHave(); //调用不存在的onHave()函数

</script>

<img/>

</body>

</html>

**三 运行结果**

![7b5437df-93c0-3164-8032-5967d369b7c9.png][]

![4e69a8a6-6353-36a4-8f4d-382373a6c0fa.png][]

**四 运行说明**

1、由于在HTML文件中<body>区域调用页面中并没有定义的函数onHave()，所以执行此页面将会发出异常。这时，会弹出显示“您调用的函数不存在”的错误提示对话框，同时在此对话框中显示此异常的相关详细信息，包括错误信息、发生异常文件的绝对路径以及在程序中发生异常的行号。

2、在页面中定义了一个图像，由于此时没有赋给此图像src特性，所以在onerror事件处理函数中赋给第一个图像src值将会出现异常，程序将弹出错误提示对话框。

[7b5437df-93c0-3164-8032-5967d369b7c9.png]: /images/20220512/bff4075ed6ea4cfea0f3d5f9cbb21568.png
[4e69a8a6-6353-36a4-8f4d-382373a6c0fa.png]: /images/20220512/6a4f8e1693eb48af87d8bea21b4f7cce.png

发表评论取消回复

表情：

评论列表（有 0 条评论，303人围观）

还没有评论，来说两句吧...

相关阅读

相关回车键触发事件

回车键触发事件 $scope.user_search = function (e) { var keycode = window.event ? e

╰+攻爆jí腚メ/ 2022年11月22日 05:18/ 0 赞/ 211 阅读

相关 python事件触发机制_python模拟事件触发机制详解

本文实例为大家分享了python模拟事件触发机制的具体代码，供大家参考，具体内容如下 EventManager.py \ -\- encoding: UTF-8 -\-

Love The Way You Lie/ 2022年10月31日 13:53/ 0 赞/ 196 阅读

相关回车触发事件

document.onkeydown = function() \{ var keycode = document.all ? event.keyCode : event.

超、凢脫俗/ 2022年06月13日 13:47/ 0 赞/ 261 阅读

相关回车触发事件

1、回车触发按钮点击事件 $("body").keyup(function () { if (event.which == 13){

待我称王封你为后i/ 2022年06月08日 12:08/ 0 赞/ 249 阅读

相关 jquery事件触发

1.1．事件触发 trigger()在每一个匹配的元素上触发某类事件 mouseover鼠标悬停事件 $(“\btn”).live(click,function(

Bertha 。/ 2022年06月06日 06:38/ 0 赞/ 226 阅读

相关 onerror 事件

onerror 事件 [Event 对象][Event] 定义和用法 onerror 事件会在文档或图像加载过程中发生错误时被触发。在装载文档或图像的过程中如

蔚落/ 2022年06月01日 00:12/ 0 赞/ 127 阅读

相关 jquery事件触发

今天遇到一个诡异的问题，也就是动态生成的html内容元素触发click事件，用on没有生效。苦思不得其解。原来是没有写好，比如： $(w).par

ゝ一世哀愁。/ 2022年05月26日 05:50/ 0 赞/ 243 阅读

相关 jQuery_触发事件

1.`click：$('div').click()` 2.trigger:触发事件，并且触发浏览器默认行为 $('form').on('click','btnSub

秒速五厘米/ 2022年05月20日 23:45/ 0 赞/ 236 阅读

相关 linux 高并发事件触发处理 — epoll

一. 概述 epoll 是 Linux 内核为处理大批量文件描述符而作了改进的 poll，是 Linux 下多路复用 IO接口 select/poll 的增强版本在

小鱼儿/ 2022年05月15日 00:25/ 0 赞/ 466 阅读

相关触发onerror事件处理异常

一介绍触发onerror事件是最早用于处理JavaScript异常的机制，页面出现异常时，将触发onerror事件，该事件在window对象上触发。语法： <scr

男娘i/ 2022年05月11日 23:44/ 0 赞/ 304 阅读