解析img圖片沒(méi)找到onerror事件 Stack overflow at line: 0
打開(kāi)網(wǎng)頁(yè)時(shí)提示 Stack overflow at line: 0。我做了截圖如下:
經(jīng)過(guò)分析,發(fā)現(xiàn)網(wǎng)頁(yè)中存在類(lèi)似如下的代碼:
<img src="pic.gif" onerror="javascript:this.src='/noPic.gif';" alt="pic" />
分析:特別注意 onerror,當(dāng)圖片不存在時(shí),將觸發(fā) onerror,而 onerror 中又為 img 指定一個(gè) NoPic.gif 圖片。也就是說(shuō)圖片存在則顯示 pic.gif,圖片不存在將顯示 noPic.gif。但問(wèn)題來(lái)了,如果 noPic.gif 也不存在,則繼續(xù)觸發(fā) onerror,導(dǎo)致循環(huán),故出現(xiàn)錯(cuò)誤。
說(shuō)明:如果圖片存在,但網(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)
}
//沒(méi)有找到時(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)文章
JavaScript使用FileSystemObject對(duì)象寫(xiě)入文本文件內(nèi)容的方法
這篇文章主要介紹了JavaScript使用FileSystemObject對(duì)象寫(xiě)入文本文件內(nèi)容的方法,實(shí)例分析了javascript使用ActiveXObject的技巧與常見(jiàn)問(wèn)題的解決方法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08JavaScript?getter?setter金字塔???????
這篇文章主要介紹了JavaScript?getter?setter金字塔???????,文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下2022-08-08微信小程序?qū)崿F(xiàn)滑動(dòng)切換自定義頁(yè)碼的方法分析
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)滑動(dòng)切換自定義頁(yè)碼的方法,結(jié)合實(shí)例形式分析了微信小程序頁(yè)碼動(dòng)態(tài)切換相關(guān)實(shí)現(xiàn)技巧與注意事項(xiàng),需要的朋友可以參考下2018-12-12JavaScript實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊導(dǎo)航欄變色特效
本文給大家分享一段基于js代碼實(shí)現(xiàn)的鼠標(biāo)點(diǎn)擊導(dǎo)航欄變色效果,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下2017-02-02echarts實(shí)現(xiàn)橫向和縱向滾動(dòng)條(使用dataZoom)
這篇文章主要給大家介紹了關(guān)于echarts使用dataZoom實(shí)現(xiàn)橫向和縱向滾動(dòng)條的相關(guān)資料,最近項(xiàng)目中使用到echarts圖表,當(dāng)數(shù)據(jù)過(guò)多時(shí)需要添加橫向滾動(dòng)條,需要的朋友可以參考下2023-08-08Django模板繼承 extend標(biāo)簽實(shí)例代碼詳解
這篇文章主要介紹了Django模板繼承 extend標(biāo)簽實(shí)例代碼,非常不錯(cuò),具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2019-05-05js調(diào)用后臺(tái)servlet方法實(shí)例
今天做歷史記錄查詢功能,遇到了前后臺(tái)方法互相調(diào)用的問(wèn)題,研究了一下,把成功經(jīng)驗(yàn)記錄一二。2013-06-06JavaScript類(lèi)型系統(tǒng)之Object詳解
對(duì)象其實(shí)就是一組數(shù)據(jù)和功能的集合。對(duì)象可以通過(guò)執(zhí)行new操作符后跟要?jiǎng)?chuàng)建的對(duì)象類(lèi)型的名稱來(lái)創(chuàng)建。而創(chuàng)建Object類(lèi)型的實(shí)例并為其添加屬性和(或)方法,就可以創(chuàng)建自定義對(duì)象2016-01-01