當src獲取不到圖片,onerror可指定一張默認的圖片
阿新 • • 發佈:2019-03-27
去掉 operation null per html sys icon png 可能
<img src="img/789.png" onerror="javascript:this.src=‘img/123.png‘;" alt="pic" />
註意:當img/789.png圖片不存在時,將觸發 onerror,而 onerror 中又為 img 指定一個 img/123.png圖片。也就是說圖片存在則顯示 img/789.png,圖片不存在將顯示img/123.png。但問題來了,如果 img/123.png也不存在,則繼續觸發 onerror,導致循環,故出現錯誤。
說明:如果圖片存在,但網絡很不通暢,也可能觸發 onerror。
解決方法:
第一種::.去掉 onerror 代碼;或者更改 onerror 代碼為其它;或者確保 onerror 中的圖片足夠小,並且存在。
第二種:
<img src="img/123.png” onerror="nofind();" /> <script type="text/javascript"> function nofind(){ var img=event.srcElement; img.src="http://www.cnblogs.com/sys/common/image/fileoperation/icon/default.gif"; img.onerror=null; 控制不要一直跳動 } </script>
當src獲取不到圖片,onerror可指定一張默認的圖片