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