解析img圖片沒找到onerror事件 Stack overflow at line: 0
打開網(wǎng)頁時提示 Stack overflow at line: 0。我做了截圖如下:
經(jīng)過分析,發(fā)現(xiàn)網(wǎng)頁中存在類似如下的代碼:
<img src="pic.gif" onerror="javascript:this.src='/noPic.gif';" alt="pic" />
分析:特別注意 onerror,當圖片不存在時,將觸發(fā) onerror,而 onerror 中又為 img 指定一個 NoPic.gif 圖片。也就是說圖片存在則顯示 pic.gif,圖片不存在將顯示 noPic.gif。但問題來了,如果 noPic.gif 也不存在,則繼續(xù)觸發(fā) onerror,導致循環(huán),故出現(xiàn)錯誤。
說明:如果圖片存在,但網(wǎng)絡很不通暢,也可能觸發(fā) 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" />
相關文章
JavaScript使用FileSystemObject對象寫入文本文件內容的方法
這篇文章主要介紹了JavaScript使用FileSystemObject對象寫入文本文件內容的方法,實例分析了javascript使用ActiveXObject的技巧與常見問題的解決方法,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08JavaScript?getter?setter金字塔???????
這篇文章主要介紹了JavaScript?getter?setter金字塔???????,文章圍繞主題展開詳細的內容介紹,具有一定的參考價值,需要的小伙伴可以參考一下2022-08-08echarts實現(xiàn)橫向和縱向滾動條(使用dataZoom)
這篇文章主要給大家介紹了關于echarts使用dataZoom實現(xiàn)橫向和縱向滾動條的相關資料,最近項目中使用到echarts圖表,當數(shù)據(jù)過多時需要添加橫向滾動條,需要的朋友可以參考下2023-08-08