圖片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-03JS中頁(yè)面與頁(yè)面之間超鏈接跳轉(zhuǎn)中文亂碼問(wèn)題的解決辦法
在原頁(yè)面一張圖片上添加了一個(gè)鏈接,鏈接中有中文,于是在跳轉(zhuǎn)過(guò)程中出現(xiàn)中文亂碼問(wèn)題,下面給大家分享下解決方案2016-12-12

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