圖片onload事件觸發(fā)問(wèn)題解決方法
更新時(shí)間：2011年07月31日 23:33:14 作者：
當(dāng)頁(yè)面上存在一個(gè)圖片元素時(shí)如：<img src='xxxx' alt="" />,頁(yè)面加載中ie7、8跟chrome下圖片的onload事件非常奇怪，有后完全不觸發(fā)，有時(shí)候觸發(fā)后進(jìn)行改變某些元素的操作，操作結(jié)果無(wú)效。
并且隨頁(yè)面大小的不同情況時(shí)好時(shí)壞，甚至代碼位置的不同而不同。
火狐下一切正常。
解決辦法是再onload觸發(fā)前改變圖片src的值，也就是相當(dāng)于圖片開(kāi)始時(shí)有個(gè)臨時(shí)的占位圖片，頁(yè)面載入過(guò)程中用js換成實(shí)際需要的src，只要每次onload事件觸發(fā)前src發(fā)生變化，則onload表現(xiàn)正常。
火狐下一切正常。
解決辦法是再onload觸發(fā)前改變圖片src的值，也就是相當(dāng)于圖片開(kāi)始時(shí)有個(gè)臨時(shí)的占位圖片，頁(yè)面載入過(guò)程中用js換成實(shí)際需要的src，只要每次onload事件觸發(fā)前src發(fā)生變化，則onload表現(xiàn)正常。
相關(guān)文章
JavaScript動(dòng)態(tài)修改網(wǎng)頁(yè)元素內(nèi)容的方法
這篇文章主要介紹了JavaScript動(dòng)態(tài)修改網(wǎng)頁(yè)元素內(nèi)容的方法,實(shí)例分析了javascript操作html元素的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了使用javascript如何生成隨機(jī)顏色,需要的朋友可以參考下2014-05-05
JS中頁(yè)面與頁(yè)面之間超鏈接跳轉(zhuǎn)中文亂碼問(wèn)題的解決辦法
在原頁(yè)面一張圖片上添加了一個(gè)鏈接，鏈接中有中文，于是在跳轉(zhuǎn)過(guò)程中出現(xiàn)中文亂碼問(wèn)題，下面給大家分享下解決方案2016-12-12
這篇文章主要介紹了webpack -v報(bào)錯(cuò)解決方案,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-09-09
為原生js Array增加each方法，通過(guò)prototype來(lái)增加功能，進(jìn)行擴(kuò)展2012-04-04
javascript中indexOf函數(shù)是嚴(yán)格區(qū)分大小寫(xiě)的，也就是當(dāng)我們使用javascript的indexOf函數(shù)的時(shí)候， 是無(wú)法進(jìn)行大小寫(xiě)同時(shí)進(jìn)行的。為我們的一些字符串操作造成了困難。2009-03-03
BootStrap實(shí)現(xiàn)輪播圖效果(收藏)
這篇文章主要介紹了BootStrap實(shí)現(xiàn)輪播圖效果,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-12-12 
javascript Three.js創(chuàng)建文字初體驗(yàn)
這篇文章主要為大家介紹了Three.js創(chuàng)建文字初體驗(yàn)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助
2021-11-11 
javascript 網(wǎng)頁(yè)進(jìn)度條簡(jiǎn)單實(shí)例
這篇文章主要介紹了javascript 網(wǎng)頁(yè)進(jìn)度條簡(jiǎn)單實(shí)例的相關(guān)資料,需要的朋友可以參考下
2017-02-02