解析img圖片沒找到onerror事件

來源:互聯網
上載者:User

解析img圖片沒找到onerror事件

 本篇文章主要介紹了img圖片沒找到onerror事件 Stack overflow at line: 0 需要的朋友可以過來參考下,希望對大家有所協助

開啟網頁時提示 Stack overflow at line: 0。我做了如下: 

 

經過分析,發現網頁中存在類似如下的代碼:

 

<img src="pic.gif" onerror="javascript:this.src='/noPic.gif';" alt="pic" />

 

分析:特別注意 onerror,當圖片不存在時,將觸發 onerror,而 onerror 中又為 img 指定一個 NoPic.gif 圖片。也就是說圖片存在則顯示 pic.gif,圖片不存在將顯示 noPic.gif。但問題來了,如果 noPic.gif 也不存在,則繼續觸發 onerror,導致迴圈,故出現錯誤。

 

說明:如果圖片存在,但網路很不通暢,也可能觸發 onerror。

 

解決方案:第一種::.去掉 onerror 代碼;或者更改 onerror 代碼為其它;或者確保 onerror 中的圖片足夠小,並且存在。

 

第二種:

<script type="text/javascript">  

<!--  

    function nofind(){  

        var img=event.srcElement;  

        img.src="../../../sys/common/image/fileoperation/icon/default.gif";  

 

img.onerror=null;       控制不要一直跳動  

 

    }  

//沒有找到時 用事件擷取 一個一個擷取  

//-->  

</script>  

 

<td align="center"><img src="../../../sys/common/image/fileoperation/icon/${file.suffix }.gif" onerror="nofind();" />${file.name }</td>     

 

第三種:

使用兩個<img /> 

 

<style type="text/css"> 

hidden { 

display: none; 

</style> 

<img src="xxx.jpg" onerror="this.class='hidden';xx.class=''" /> 

<img src="xxx.jpg" class="hidden" />

 

 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.