欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript中的onerror事件概述及使用

 更新時(shí)間:2013年04月01日 10:14:11   作者:  
onerror事件用來協(xié)助處理頁面中的JavaScript錯(cuò)誤主要包括:Window.onerror事件,img載入錯(cuò)誤,接下來為大家詳細(xì)介紹下,感興趣的朋友可以參考下哈
1、Window.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ù)。

相關(guān)文章

  • JavaScript解析JSON數(shù)據(jù)示例

    JavaScript解析JSON數(shù)據(jù)示例

    這篇文章主要介紹了JavaScript解析JSON數(shù)據(jù),涉及javascript針對json格式數(shù)據(jù)的讀取、遍歷相關(guān)操作技巧,需要的朋友可以參考下
    2019-07-07
  • 微信小程序?qū)崿F(xiàn)留言板

    微信小程序?qū)崿F(xiàn)留言板

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)留言板,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2018-10-10
  • onkeydown事件解決按回車鍵直接提交數(shù)據(jù)的需求

    onkeydown事件解決按回車鍵直接提交數(shù)據(jù)的需求

    登陸頁面需要撲捉用戶按下回車自動(dòng)提交的需求,于是相到在body里添加onkeydown事件跳javascript在提交表單,具體看下實(shí)現(xiàn)代碼,希望對你有所幫助
    2013-04-04
  • 前端中間件Midway的使用教程

    前端中間件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ù)字滾動(dòng)插件使用方法詳解

    CountUp.js數(shù)字滾動(dòng)插件使用方法詳解

    這篇文章主要為大家詳細(xì)介紹了CountUp.js數(shù)字滾動(dòng)插件的使用方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-10-10
  • 完美解決AJAX跨域問題

    完美解決AJAX跨域問題

    我看到過很多人不愿意去正視ajax所存在的技術(shù)瓶頸,其實(shí)AJAX更應(yīng)該是Ajax而不是AJAX,突出第一個(gè)A是想強(qiáng)調(diào)其實(shí)AJAX發(fā)揚(yáng)的是一種異步傳輸?shù)姆椒?,而不是具體到底使用了哪種技術(shù)
    2013-11-11
  • 用表格輸出1-1000之間的數(shù)字實(shí)現(xiàn)代碼(附特效)

    用表格輸出1-1000之間的數(shù)字實(shí)現(xiàn)代碼(附特效)

    本文將介紹下用表格輸出1-1000之間的數(shù)字同時(shí)附有特效,感興趣的朋友可以參考下哈,希望對你有所幫助
    2013-04-04
  • js GridView 實(shí)現(xiàn)自動(dòng)計(jì)算操作代碼

    js GridView 實(shí)現(xiàn)自動(dòng)計(jì)算操作代碼

    js操作GridView,實(shí)現(xiàn)自動(dòng)計(jì)算的實(shí)現(xiàn)代碼,下面的代碼運(yùn)行即可
    2009-03-03
  • Bootstrap 設(shè)置datetimepicker在屏幕上面彈出設(shè)置方法

    Bootstrap 設(shè)置datetimepicker在屏幕上面彈出設(shè)置方法

    datetimepicker默認(rèn)是在輸入框下面彈出的,但是遇到輸入框在屏幕下面時(shí),日期選擇框會(huì)有一部分在屏幕下面,顯示不了,因此需要能夠從上面彈出,下面小編給大家介紹下Bootstrap 設(shè)置datetimepicker在屏幕上面彈出的設(shè)置方法
    2017-03-03
  • JavaScript知識點(diǎn)總結(jié)(十)之this關(guān)鍵字

    JavaScript知識點(diǎn)總結(jié)(十)之this關(guān)鍵字

    這篇文章主要介紹了JavaScript知識點(diǎn)總結(jié)(十)之this關(guān)鍵字的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-05-05

最新評論