圖片onload事件觸發(fā)問題解決方法
更新時間：2011年07月31日 23:33:14 作者：
當(dāng)頁面上存在一個圖片元素時如：<img src='xxxx' alt="" />,頁面加載中ie7、8跟chrome下圖片的onload事件非常奇怪，有后完全不觸發(fā)，有時候觸發(fā)后進(jìn)行改變某些元素的操作，操作結(jié)果無效。
并且隨頁面大小的不同情況時好時壞，甚至代碼位置的不同而不同。
火狐下一切正常。
解決辦法是再onload觸發(fā)前改變圖片src的值，也就是相當(dāng)于圖片開始時有個臨時的占位圖片，頁面載入過程中用js換成實(shí)際需要的src，只要每次onload事件觸發(fā)前src發(fā)生變化，則onload表現(xiàn)正常。
火狐下一切正常。
解決辦法是再onload觸發(fā)前改變圖片src的值，也就是相當(dāng)于圖片開始時有個臨時的占位圖片，頁面載入過程中用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針對年齡、數(shù)字、Email、手機(jī)、URL、日期等格式常用正則驗(yàn)證技巧,需要的朋友可以參考下2017-01-01
JS實(shí)現(xiàn)橫向與豎向兩個選項(xiàng)卡Tab聯(lián)動的方法
這篇文章主要介紹了JS實(shí)現(xiàn)橫向與豎向兩個選項(xiàng)卡Tab聯(lián)動的方法,涉及JavaScript遍歷及動態(tài)修改頁面元素屬性的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
springMVC + easyui + $.ajaxFileUpload實(shí)現(xiàn)文件上傳注意事項(xiàng)
在使用easyUI做前端樣式展示時，遇到了文件上傳的問題，而且是在彈出層中提交表單，想做到不刷新頁面，所以選擇了使用ajaxFileUpload插件。下面通過本文給大家分享springMVC + easyui + $.ajaxFileUpload實(shí)現(xiàn)文件上傳注意事項(xiàng)，需要的朋友參考下吧2017-04-04
這篇文章主要介紹了前端實(shí)現(xiàn)截屏的兩種常見方式,分別是使用第三方庫html2canvas和navigator.mediaDevices.getDisplayMedia,兩種方法都給出了詳細(xì)的代碼示例,需要的朋友可以參考下2025-03-03
JavaScript實(shí)現(xiàn)扯網(wǎng)動畫效果的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript語言實(shí)現(xiàn)扯網(wǎng)動畫效果，文中的示例代碼講解詳細(xì)，對我們學(xué)習(xí)JS有一定的幫助，需要的可以參考一下2022-06-06
JavaScript canvas基于數(shù)組生成柱狀圖代碼實(shí)例
這篇文章主要介紹了JavaScript canvas基于數(shù)組生成柱狀圖代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下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í)際過程中你會發(fā)現(xiàn)圖表在div中的位置不太理想,這時怎么去調(diào)整呢?下面這篇文章主要給大家介紹了關(guān)于Echarts圖表位置調(diào)整的相關(guān)資料,需要的朋友可以參考下2022-10-10
JavaScript實(shí)現(xiàn)的內(nèi)存數(shù)據(jù)庫LokiJS介紹和入門實(shí)例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的內(nèi)存數(shù)據(jù)庫LokiJS介紹和入門實(shí)例,LokiJS是一個內(nèi)存數(shù)據(jù)庫,將性能考慮放在第一位,使用JavaScript編寫,需要的朋友可以參考下2014-11-11
js實(shí)現(xiàn)同一頁面多個不同運(yùn)動效果的方法
這篇文章主要介紹了js實(shí)現(xiàn)同一頁面多個不同運(yùn)動效果的方法,涉及javascript同時實(shí)現(xiàn)多個效果的技巧,非常具有實(shí)用價值,需要的朋友可以參考下2015-04-04