img標(biāo)簽中onerror用法
更新時(shí)間:2009年08月13日 00:22:50 作者:
可是這會(huì)引起再因網(wǎng)絡(luò)原因或其他原因使圖片不能正常加載的話 這樣就是再次調(diào)用onerror,基于微軟的一套核心的瀏覽器就會(huì)認(rèn)為這是死循環(huán)
今日見一TX在HTML中寫了以下代碼<img src="xxx.jpg" onerror="this.src='xxx.jpg'" />
哎! 在FF上面還可以 但是在IE上面就不的,因?yàn)锽/S結(jié)構(gòu)有很多因素引發(fā)onerror,此處在發(fā)生onerror的時(shí)候給當(dāng)前圖片重新制定個(gè)地址
可是這會(huì)引起再因網(wǎng)絡(luò)原因或其他原因使圖片不能正常加載的話 這樣就是再次調(diào)用onerror,基于微軟的一套核心的瀏覽器就會(huì)認(rèn)為這是死循環(huán)
然后就會(huì)報(bào) stack overflow 的錯(cuò)誤。
解決方案:
使用兩個(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" />
哎! 在FF上面還可以 但是在IE上面就不的,因?yàn)锽/S結(jié)構(gòu)有很多因素引發(fā)onerror,此處在發(fā)生onerror的時(shí)候給當(dāng)前圖片重新制定個(gè)地址
可是這會(huì)引起再因網(wǎng)絡(luò)原因或其他原因使圖片不能正常加載的話 這樣就是再次調(diào)用onerror,基于微軟的一套核心的瀏覽器就會(huì)認(rèn)為這是死循環(huán)
然后就會(huì)報(bào) stack overflow 的錯(cuò)誤。
解決方案:
使用兩個(gè)<img />
復(fù)制代碼 代碼如下:
<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)控件的隱藏及style.visibility的使用
用js控制控件的隱藏,使用style.visibility實(shí)現(xiàn) ,具體代碼如下,感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助2013-06-06基于javascript實(shí)現(xiàn)簡(jiǎn)單的抽獎(jiǎng)系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了基于javascript實(shí)現(xiàn)簡(jiǎn)單的抽獎(jiǎng)系統(tǒng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-03-03JavaScript涉及二進(jìn)制的轉(zhuǎn)換方式
這篇文章主要介紹了JavaScript涉及二進(jìn)制的轉(zhuǎn)換方式,具有很好的 參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-06-06JavaScript設(shè)計(jì)模式之策略模式詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript設(shè)計(jì)模式之策略模式的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06JS+CSS設(shè)置img在DIV中只顯示Img垂直居中的部分
img的寬和Div相同,但高不固定,要求只顯示Img垂直居中的部分,下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下2013-10-10