圖片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常用正則驗(yàn)證函數(shù)實(shí)例小結(jié)【年齡,數(shù)字,Email,手機(jī),URL,日期等】
這篇文章主要介紹了JavaScript常用正則驗(yàn)證函數(shù),結(jié)合實(shí)例形式總結(jié)分析了javascript針對(duì)年齡、數(shù)字、Email、手機(jī)、URL、日期等格式常用正則驗(yàn)證技巧,需要的朋友可以參考下2017-01-01
JS實(shí)現(xiàn)橫向與豎向兩個(gè)選項(xiàng)卡Tab聯(lián)動(dòng)的方法
這篇文章主要介紹了JS實(shí)現(xiàn)橫向與豎向兩個(gè)選項(xiàng)卡Tab聯(lián)動(dòng)的方法,涉及JavaScript遍歷及動(dòng)態(tài)修改頁(yè)面元素屬性的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
springMVC + easyui + $.ajaxFileUpload實(shí)現(xiàn)文件上傳注意事項(xiàng)
在使用easyUI做前端樣式展示時(shí)，遇到了文件上傳的問(wèn)題，而且是在彈出層中提交表單，想做到不刷新頁(yè)面，所以選擇了使用ajaxFileUpload插件。下面通過(guò)本文給大家分享springMVC + easyui + $.ajaxFileUpload實(shí)現(xiàn)文件上傳注意事項(xiàng)，需要的朋友參考下吧2017-04-04
前端實(shí)現(xiàn)截屏的兩種常見(jiàn)方式
這篇文章主要介紹了前端實(shí)現(xiàn)截屏的兩種常見(jiàn)方式,分別是使用第三方庫(kù)html2canvas和navigator.mediaDevices.getDisplayMedia,兩種方法都給出了詳細(xì)的代碼示例,需要的朋友可以參考下2025-03-03
JavaScript實(shí)現(xiàn)扯網(wǎng)動(dòng)畫(huà)效果的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript語(yǔ)言實(shí)現(xiàn)扯網(wǎng)動(dòng)畫(huà)效果，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)JS有一定的幫助，需要的可以參考一下2022-06-06
JavaScript canvas基于數(shù)組生成柱狀圖代碼實(shí)例
這篇文章主要介紹了JavaScript canvas基于數(shù)組生成柱狀圖代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-03-03
javascript+HTML5的canvas實(shí)現(xiàn)七夕情人節(jié)3D玫瑰花效果代碼
這篇文章主要介紹了javascript+HTML5的canvas實(shí)現(xiàn)七夕情人節(jié)3D玫瑰花效果代碼,使用了html5的canvas技術(shù),可呈現(xiàn)出帶有3D效果的玫瑰花漸顯效果,非常逼真自然,需要的朋友可以參考下2015-08-08
實(shí)際過(guò)程中你會(huì)發(fā)現(xiàn)圖表在div中的位置不太理想,這時(shí)怎么去調(diào)整呢?下面這篇文章主要給大家介紹了關(guān)于Echarts圖表位置調(diào)整的相關(guān)資料,需要的朋友可以參考下2022-10-10
JavaScript實(shí)現(xiàn)的內(nèi)存數(shù)據(jù)庫(kù)LokiJS介紹和入門實(shí)例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的內(nèi)存數(shù)據(jù)庫(kù)LokiJS介紹和入門實(shí)例,LokiJS是一個(gè)內(nèi)存數(shù)據(jù)庫(kù),將性能考慮放在第一位,使用JavaScript編寫,需要的朋友可以參考下2014-11-11
js實(shí)現(xiàn)同一頁(yè)面多個(gè)不同運(yùn)動(dòng)效果的方法
這篇文章主要介紹了js實(shí)現(xiàn)同一頁(yè)面多個(gè)不同運(yùn)動(dòng)效果的方法,涉及javascript同時(shí)實(shí)現(xiàn)多個(gè)效果的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04