JavaScript中的onerror事件概述及使用
onerror事件用來協(xié)助處理頁面中的JavaScript錯(cuò)誤。當(dāng)頁面上出現(xiàn)異常時(shí),error事件便在window對象上觸發(fā)。例如:
在這種情況下,瀏覽器會(huì)顯示錯(cuò)誤信息:
。
如果不希望瀏覽器在默認(rèn)對話框中顯示出錯(cuò)消息,讓onerror方法返回true即可。
此外,onerror方法還提供了三個(gè)參數(shù)用來確定錯(cuò)誤確切的信息,分別是:
1)message:一個(gè)字符串,聲明了出現(xiàn)的錯(cuò)誤的信息(不同的瀏覽器中返回的消息內(nèi)容略有差異)。
2)url:一個(gè)字符串,聲明了出現(xiàn)錯(cuò)誤的文檔的URL。
3)line:一個(gè)數(shù)字,聲明了出現(xiàn)錯(cuò)誤的代碼行的行號。
例如:
Ps:此方法在safari和Opera下測試未通過
注意事項(xiàng):onerror事件應(yīng)在其它js程序前綁定。
2、img載入錯(cuò)誤
<img>標(biāo)簽支持onerror句柄。當(dāng)一個(gè)圖像文件由于各種原因載入不成功時(shí),便觸發(fā)該事件句柄。通過該方法,可以使得當(dāng)前圖片載入失敗時(shí)顯示默認(rèn)圖片。
例如:
當(dāng)網(wǎng)絡(luò)原因或者是其他的原因,導(dǎo)致onerror里面提供的圖片地址加載不到的時(shí)候,ie會(huì)循環(huán)執(zhí)行onerror事件,導(dǎo)致棧溢出,此時(shí)頁面會(huì)彈出了alert消息框,錯(cuò)誤信息為:"stackoverflow at line:0"。
IE 6.0一般會(huì)以彈出的消息框報(bào)道溢出現(xiàn)象,并且會(huì)繼續(xù)執(zhí)行它的功能。但是也有一些溢出漏洞發(fā)生時(shí),會(huì)關(guān)閉所有打開的窗口而沒有任何提示。 因此選擇使用該事件的時(shí)候還是要慎重??!
注意事項(xiàng):<img>標(biāo)簽的onerror方法沒有其他額外的參數(shù)。
- JavaScript探測CSS動(dòng)畫是否已經(jīng)完成的方法
- javascript字典探測用戶名工具
- 用javascript實(shí)現(xiàn)給圖片加鏈接
- js實(shí)現(xiàn)點(diǎn)擊鏈接后延遲3秒再跳轉(zhuǎn)的方法
- JS實(shí)現(xiàn)點(diǎn)擊鏈接取消跳轉(zhuǎn)效果的方法
- JS獲得URL超鏈接的參數(shù)值實(shí)例代碼
- JS對img標(biāo)簽進(jìn)行優(yōu)化使用onerror顯示默認(rèn)圖像
- js注意img圖片的onerror事件的分析
- JS使用onerror捕獲異常示例
- JavaScript通過使用onerror設(shè)置默認(rèn)圖像顯示代替alt
- 用window.onerror捕獲并上報(bào)Js錯(cuò)誤的方法
- javascript window.onerror事件學(xué)習(xí)新收獲
- JS實(shí)現(xiàn)探測網(wǎng)站鏈接的方法【測試可用】
相關(guān)文章
onkeydown事件解決按回車鍵直接提交數(shù)據(jù)的需求
登陸頁面需要撲捉用戶按下回車自動(dòng)提交的需求,于是相到在body里添加onkeydown事件跳javascript在提交表單,具體看下實(shí)現(xiàn)代碼,希望對你有所幫助2013-04-04CountUp.js數(shù)字滾動(dòng)插件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了CountUp.js數(shù)字滾動(dòng)插件的使用方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-10-10用表格輸出1-1000之間的數(shù)字實(shí)現(xiàn)代碼(附特效)
本文將介紹下用表格輸出1-1000之間的數(shù)字同時(shí)附有特效,感興趣的朋友可以參考下哈,希望對你有所幫助2013-04-04js GridView 實(shí)現(xiàn)自動(dòng)計(jì)算操作代碼
js操作GridView,實(shí)現(xiàn)自動(dòng)計(jì)算的實(shí)現(xiàn)代碼,下面的代碼運(yùn)行即可2009-03-03Bootstrap 設(shè)置datetimepicker在屏幕上面彈出設(shè)置方法
datetimepicker默認(rèn)是在輸入框下面彈出的,但是遇到輸入框在屏幕下面時(shí),日期選擇框會(huì)有一部分在屏幕下面,顯示不了,因此需要能夠從上面彈出,下面小編給大家介紹下Bootstrap 設(shè)置datetimepicker在屏幕上面彈出的設(shè)置方法2017-03-03JavaScript知識點(diǎn)總結(jié)(十)之this關(guān)鍵字
這篇文章主要介紹了JavaScript知識點(diǎn)總結(jié)(十)之this關(guān)鍵字的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-05-05