JavaScript中的onerror事件概述及使用

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

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

1、Window.onerror事件

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

在這種情況下，瀏覽器會顯示錯誤信息：

。

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

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

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

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

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

例如：

　　Ps：此方法在safari和Opera下測試未通過

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

2、img載入錯誤

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

例如：

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

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

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

您可能感興趣的文章:

相關(guān)文章

JavaScript解析JSON數(shù)據(jù)示例
這篇文章主要介紹了JavaScript解析JSON數(shù)據(jù),涉及javascript針對json格式數(shù)據(jù)的讀取、遍歷相關(guān)操作技巧,需要的朋友可以參考下
2019-07-07
微信小程序?qū)崿F(xiàn)留言板
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)留言板，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-10-10
onkeydown事件解決按回車鍵直接提交數(shù)據(jù)的需求
登陸頁面需要撲捉用戶按下回車自動提交的需求，于是相到在body里添加onkeydown事件跳javascript在提交表單，具體看下實(shí)現(xiàn)代碼，希望對你有所幫助
2013-04-04
前端中間件Midway的使用教程
Midway 基于 TypeScript 開發(fā)，結(jié)合了面向?qū)ο螅∣OP + Class + IoC）與函數(shù)式（FP + Function + Hooks）兩種編程范式，并在此之上支持了 Web / 全棧 / 微服務(wù) / RPC / Socket / Serverless 等多種場景，這篇文章主要介紹了前端中間件Midway的使用,需要的朋友可以參考下
2023-05-05
CountUp.js數(shù)字滾動插件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了CountUp.js數(shù)字滾動插件的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-10-10
完美解決AJAX跨域問題
我看到過很多人不愿意去正視ajax所存在的技術(shù)瓶頸，其實(shí)AJAX更應(yīng)該是Ajax而不是AJAX，突出第一個A是想強(qiáng)調(diào)其實(shí)AJAX發(fā)揚(yáng)的是一種異步傳輸?shù)姆椒?，而不是具體到底使用了哪種技術(shù)
2013-11-11
用表格輸出1-1000之間的數(shù)字實(shí)現(xiàn)代碼(附特效)
本文將介紹下用表格輸出1-1000之間的數(shù)字同時附有特效，感興趣的朋友可以參考下哈，希望對你有所幫助
2013-04-04
js GridView 實(shí)現(xiàn)自動計(jì)算操作代碼
js操作GridView,實(shí)現(xiàn)自動計(jì)算的實(shí)現(xiàn)代碼，下面的代碼運(yùn)行即可
2009-03-03
Bootstrap 設(shè)置datetimepicker在屏幕上面彈出設(shè)置方法
datetimepicker默認(rèn)是在輸入框下面彈出的，但是遇到輸入框在屏幕下面時，日期選擇框會有一部分在屏幕下面，顯示不了，因此需要能夠從上面彈出，下面小編給大家介紹下Bootstrap 設(shè)置datetimepicker在屏幕上面彈出的設(shè)置方法
2017-03-03
JavaScript知識點(diǎn)總結(jié)(十)之this關(guān)鍵字
這篇文章主要介紹了JavaScript知識點(diǎn)總結(jié)(十)之this關(guān)鍵字的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下
2016-05-05