本篇文章主要介紹了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" />