JavaScript中的onerror事件概述及使用

更新時(shí)間：2013年04月01日 10:14:11 作者：

onerror事件用來(lái)協(xié)助處理頁(yè)面中的JavaScript錯(cuò)誤主要包括：Window.onerror事件,img載入錯(cuò)誤，接下來(lái)為大家詳細(xì)介紹下，感興趣的朋友可以參考下哈

1、Window.onerror事件

onerror事件用來(lái)協(xié)助處理頁(yè)面中的JavaScript錯(cuò)誤。當(dāng)頁(yè)面上出現(xiàn)異常時(shí)，error事件便在window對(duì)象上觸發(fā)。例如：

在這種情況下，瀏覽器會(huì)顯示錯(cuò)誤信息：

。

如果不希望瀏覽器在默認(rèn)對(duì)話框中顯示出錯(cuò)消息，讓onerror方法返回true即可。

此外，onerror方法還提供了三個(gè)參數(shù)用來(lái)確定錯(cuò)誤確切的信息，分別是：

1）message：一個(gè)字符串，聲明了出現(xiàn)的錯(cuò)誤的信息(不同的瀏覽器中返回的消息內(nèi)容略有差異)。

2）url：一個(gè)字符串，聲明了出現(xiàn)錯(cuò)誤的文檔的URL。

3）line：一個(gè)數(shù)字，聲明了出現(xiàn)錯(cuò)誤的代碼行的行號(hào)。

例如：

　　Ps：此方法在safari和Opera下測(cè)試未通過(guò)

　　注意事項(xiàng)：onerror事件應(yīng)在其它js程序前綁定。

2、img載入錯(cuò)誤

<img>標(biāo)簽支持onerror句柄。當(dāng)一個(gè)圖像文件由于各種原因載入不成功時(shí)，便觸發(fā)該事件句柄。通過(guò)該方法，可以使得當(dāng)前圖片載入失敗時(shí)顯示默認(rèn)圖片。

例如：

當(dāng)網(wǎng)絡(luò)原因或者是其他的原因，導(dǎo)致onerror里面提供的圖片地址加載不到的時(shí)候，ie會(huì)循環(huán)執(zhí)行onerror事件，導(dǎo)致棧溢出，此時(shí)頁(yè)面會(huì)彈出了alert消息框，錯(cuò)誤信息為："stackoverflow at line:0"。

IE 6.0一般會(huì)以彈出的消息框報(bào)道溢出現(xiàn)象，并且會(huì)繼續(xù)執(zhí)行它的功能。但是也有一些溢出漏洞發(fā)生時(shí)，會(huì)關(guān)閉所有打開(kāi)的窗口而沒(méi)有任何提示。因此選擇使用該事件的時(shí)候還是要慎重啊！

注意事項(xiàng)：<img>標(biāo)簽的onerror方法沒(méi)有其他額外的參數(shù)。

您可能感興趣的文章:

相關(guān)文章

style-loader為什么要使用pitch方法原理解析
這篇文章主要為大家介紹了style-loader為什么要使用pitch方法原理解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-03-03
詳細(xì)講解JavaScript中的this綁定
在javascript的函數(shù)中，除了聲明時(shí)定義的形參之外，每個(gè)函數(shù)還可以接收兩個(gè)附加的參數(shù)：this和arguments。這里就講一下this的作用以及不同場(chǎng)景下它的不同指向。
2016-10-10
js console.log打印對(duì)像與數(shù)組用法詳解
這篇文章主要介紹了js console.log打印對(duì)像與數(shù)組用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了js使用console.log實(shí)現(xiàn)打印對(duì)象與數(shù)組的具體實(shí)現(xiàn)步驟與相關(guān)技巧,需要的朋友可以參考下
2016-01-01
es6數(shù)組之?dāng)U展運(yùn)算符操作實(shí)例分析
這篇文章主要介紹了es6數(shù)組之?dāng)U展運(yùn)算符操作,結(jié)合實(shí)例形式總結(jié)分析es6數(shù)組擴(kuò)展運(yùn)算符具體原理、實(shí)現(xiàn)方法及操作注意事項(xiàng),需要的朋友可以參考下
2020-04-04
通過(guò)實(shí)例了解Render Props回調(diào)地獄解決方案
這篇文章主要介紹了通過(guò)實(shí)例了解Render Props回調(diào)地獄解決方案,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-11-11
uniapp 引用 js 組件的方法(場(chǎng)景分析)
在UniApp開(kāi)發(fā)過(guò)程中,我們不僅需要掌握各種UI組件的使用方法,還需要了解如何在項(xiàng)目中引入JS文件,在本文中,我將介紹UniApp中如何引入JS的方法,感興趣的朋友跟隨小編一起看看吧
2023-09-09
js實(shí)現(xiàn)動(dòng)態(tài)加載腳本的方法實(shí)例匯總
這篇文章主要介紹了js實(shí)現(xiàn)動(dòng)態(tài)加載腳本的方法,以實(shí)例形式匯總并分析了幾種常用的JavaScript動(dòng)態(tài)加載腳本的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-11-11
JS中實(shí)現(xiàn)隱藏部分姓名或者電話號(hào)碼的代碼
最近做了小項(xiàng)目，項(xiàng)目需要只顯示用戶的姓名和手機(jī)號(hào)開(kāi)頭跟結(jié)尾，其他部分用*號(hào)代替，下面小編給大家分享一段簡(jiǎn)單的代碼，需要的朋友跟隨腳本之家小編一起看看吧
2018-07-07
layui-table對(duì)返回的數(shù)據(jù)進(jìn)行轉(zhuǎn)變顯示的實(shí)例
今天小編就為大家分享一篇layui-table對(duì)返回的數(shù)據(jù)進(jìn)行轉(zhuǎn)變顯示的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09
JavaScript數(shù)據(jù)類(lèi)型檢測(cè)實(shí)現(xiàn)方法詳解
Javascript中檢查數(shù)據(jù)類(lèi)型一直是老生常談的問(wèn)題,類(lèi)型判斷在web開(kāi)發(fā)中也有著非常廣泛的應(yīng)用,所以下面這篇文章主要給大家介紹了關(guān)于JS數(shù)據(jù)類(lèi)型檢測(cè)的那些事,需要的朋友可以參考下
2022-11-11