img標(biāo)簽中onerror用法
更新時(shí)間：2009年08月13日 00:22:50 作者：
可是這會(huì)引起再因網(wǎng)絡(luò)原因或其他原因使圖片不能正常加載的話 這樣就是再次調(diào)用onerror，基于微軟的一套核心的瀏覽器就會(huì)認(rèn)為這是死循環(huán)
今日見(jià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)文章
webpack 是一個(gè)現(xiàn)代 JavaScript 應(yīng)用程序的靜態(tài)模塊打包器(module bundler)。這篇文章主要介紹了JavaScript webpack5配置及使用基本介紹2022-09-09
詳解JavaScript原生封裝ajax請(qǐng)求和Jquery中的ajax請(qǐng)求
在本篇文章中我們總結(jié)了關(guān)于JavaScript原生封裝ajax請(qǐng)求和Jquery中的ajax請(qǐng)求的知識(shí)點(diǎn)內(nèi)容，需要的朋友們學(xué)習(xí)參考下。2019-02-02
AJAX跨域請(qǐng)求json數(shù)據(jù)的實(shí)現(xiàn)方法
這篇文章介紹了AJAX跨域請(qǐng)求json數(shù)據(jù)的實(shí)現(xiàn)方法，有需要的朋友可以參考一下2013-11-11
使用JavaScriptCore實(shí)現(xiàn)OC和JS交互詳解
JavaScriptCore是webkit的一個(gè)重要組成部分，主要是對(duì)JS進(jìn)行解析和提供執(zhí)行環(huán)境。下面這篇文章主要給大家介紹了使用JavaScriptCore實(shí)現(xiàn)OC和JS交互的相關(guān)資料，文中介紹的非常詳細(xì)，需要的朋友可以參考學(xué)習(xí)，下面來(lái)一起看看吧。2017-03-03
本篇文章主要介紹了詳解webpack提取第三方庫(kù)的正確姿勢(shì)，常用的提取第三方庫(kù)的方法有兩種，本文詳細(xì)的介紹了這兩種方法，有興趣的可以了解一下2017-12-12
提高 DHTML 頁(yè)面性能...2006-12-12
javascript中SetInterval與setTimeout的定時(shí)器用法
Javascript的setTimeOut和setInterval函數(shù)應(yīng)用非常廣泛，它們都用來(lái)處理延時(shí)和定時(shí)任務(wù)，比如打開(kāi)網(wǎng)頁(yè)一段時(shí)間后彈出一個(gè)登錄框，頁(yè)面每隔一段時(shí)間發(fā)送異步請(qǐng)求獲取最新數(shù)據(jù)等，本文文章通過(guò)代碼示例給大家介紹javascript中SetInterval與setTimeout的定時(shí)器用法2015-08-08
這篇文章主要介紹了微信小程序用戶拒絕授權(quán)的處理方法詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
這篇文章主要介紹了JavaScript中for循環(huán)的所有用法，文章通過(guò)詳細(xì)的代碼示例介紹JavaScript中的所有for循環(huán)，感興趣的同學(xué)可以跟著小編一起來(lái)學(xué)習(xí)2023-05-05
uniapp項(xiàng)目實(shí)踐封裝通用請(qǐng)求上傳以及下載方法總結(jié)
在日常開(kāi)發(fā)過(guò)程中,前端經(jīng)常要和后端進(jìn)行接口聯(lián)調(diào),獲取并且渲染數(shù)據(jù)到頁(yè)面中,接下來(lái)就總結(jié)一下?uniapp?中獲取請(qǐng)求、文件下載和上傳的一些方法2023-09-09