解析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" />