DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> 解析img圖片沒找到onerror事件
解析img圖片沒找到onerror事件
編輯:JavaScript綜合知識     

 本篇文章主要介紹了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" />    
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved