img標簽的onerror事件導致打開網頁時提示Stack overflow at line:0錯誤,如何解決?
當前位置:點晴教程→點晴OA辦公管理信息系統
→『 經驗分享&問題答疑 』
:img標簽的onerror事件導致打開網頁時提示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 中的圖片足夠小,并且存在。
第二種: 1 <script type="text/javascript"> 2 function imgerrorfun(imgPath){ 3
var img=event.srcElement; 4 img.src=imgPath; 6 } 7 </script> 8 9 <img src="images/logo.png" onerror="imgerrorfun('images/logoError.png');" /> 該文章在 2021/10/29 15:29:18 編輯過 |
關鍵字查詢
相關文章
正在查詢... |