解析img圖片沒找到onerror事件 Stack overflow at line: 0
打開網(wǎng)頁時(shí)提示 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，當(dāng)圖片不存在時(shí)，將觸發(fā) onerror，而 onerror 中又為 img 指定一個(gè) NoPic.gif 圖片。也就是說圖片存在則顯示 pic.gif，圖片不存在將顯示 noPic.gif。但問題來了，如果 noPic.gif 也不存在，則繼續(xù)觸發(fā) onerror，導(dǎo)致循環(huán)，故出現(xiàn)錯(cuò)誤。
說明：如果圖片存在，但網(wǎng)絡(luò)很不通暢，也可能觸發(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; 控制不要一直跳動(dòng)
}
//沒有找到時(shí) 用事件獲取 一個(gè)一個(gè)獲取
//-->
</script>
<td align="center"><img src="../../../sys/common/image/fileoperation/icon/${file.suffix }.gif" onerror="nofind();" />${file.name }</td>
第三種:
使用兩個(gè)<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" />
相關(guān)文章
JS實(shí)現(xiàn)超精簡(jiǎn)響應(yīng)鼠標(biāo)顯示二級(jí)菜單代碼
這篇文章主要介紹了JS實(shí)現(xiàn)超精簡(jiǎn)響應(yīng)鼠標(biāo)顯示二級(jí)菜單代碼,可實(shí)現(xiàn)針對(duì)鼠標(biāo)事件的響應(yīng)動(dòng)態(tài)修改頁面元素屬性的功能,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-09-09
Javascript中產(chǎn)生固定結(jié)果的函數(shù)優(yōu)化技巧
分享一個(gè)Javascript編寫函數(shù)的優(yōu)化技巧;適用的函數(shù)應(yīng)該要滿足以下條件;產(chǎn)生固定結(jié)果;復(fù)雜或較耗時(shí)等等，感興趣的朋友可以了解下2013-01-01
javascript實(shí)現(xiàn)京東登錄顯示隱藏密碼
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)京東登錄顯示隱藏密碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
js中異步函數(shù)async function變同步函數(shù)的簡(jiǎn)單入門
這篇文章主要介紹了js中異步函數(shù)async function變同步函數(shù)的簡(jiǎn)單入門，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
js實(shí)現(xiàn)仿Discuz文本框彈出層效果
這篇文章主要介紹了js實(shí)現(xiàn)仿Discuz文本框彈出層效果的方法,可實(shí)現(xiàn)點(diǎn)擊文本框彈出窗口選擇數(shù)據(jù)的效果,涉及鼠標(biāo)事件及頁面自定義彈出窗口的相關(guān)操作技巧,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了京東618疊蛋糕js腳本，基于auto.js 打開，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-06-06
純js和css實(shí)現(xiàn)漸變色包括靜態(tài)漸變和動(dòng)態(tài)漸變
用javascript實(shí)現(xiàn)一下所謂的動(dòng)態(tài)漸變，考慮動(dòng)態(tài)原因就不上圖了，我來簡(jiǎn)單介紹下思路2014-05-05
本篇文章主要介紹了p5.js入門教程之小球動(dòng)畫示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-03-03
這篇文章主要為大家詳細(xì)介紹了JS中對(duì)Cookie的具體操作，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要介紹JavaScript的三種this指向的方法：call()、bind()、apply()，文中通過代碼示例介紹的非常詳細(xì),需要的朋友可以參考下2023-05-05