IE中圖片的onload事件無效問題和解決方法
更新時間：2014年06月06日 11:33:23 作者：
這篇文章主要介紹了IE中圖片的onload事件無效問題和解決方法,這是一個很經(jīng)典的問題,其實只需要調(diào)換一下代碼順序即可解決,需要的朋友可以參考下
在web開發(fā)在獲取圖片寬高是很正常的事情，圖片在加載完成前是獲取不到圖片的寬高的，在加載完成后才可以獲取圖片本身的寬高，例如：
復(fù)制代碼 代碼如下:
var img = new Image();
img.src = "loading.gif";
img.onload = function(){
alert ( img.width );
};
OK?這段代碼看著沒什么問題，但在ie中會有一個bug，就是ie第一次打開的時候沒問題，第二次使用這個方法就悲劇了，ie沒反應(yīng)了，即使刷新頁面也是一樣。因為IE會緩存圖片，第2次加載的圖片，不是從服務(wù)器上傳過來的，而是從緩沖區(qū)里加載的。
先寫onload方法，再指定這張圖片的URL，這樣就正常了。所以，不是IE沒有觸發(fā)onload事件，而是因為加載緩沖區(qū)的速度太快，以至于沒有運行到img.onload的時候，onload事件已經(jīng)觸發(fā)了。這樣就OK了。
復(fù)制代碼 代碼如下:
var img = new Image();
img.onload = function(){
alert ( img.width );
};
img.src = "loading.gif";
相關(guān)文章
本篇文章主要介紹了bootstrap Table插件使用demo，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
本篇文章主要介紹了js正則表達式驗證表單的實例，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
這篇文章主要給大家介紹了關(guān)于CORS跨域資源共享的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者使用CORS具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-03-03
當編輯某條數(shù)據(jù)時，再回過頭來進行編輯，會發(fā)現(xiàn)，里面的數(shù)據(jù)和沒有編輯以前是一樣的，這就是ie緩存的問題，下面是一個不錯的解決方法2014-08-08
仿Excel表格演示代碼，非常不錯。2009-06-06
Bootstrap3 多個模態(tài)對話框無法顯示的解決方案
這篇文章主要介紹了Bootstrap3 多個模態(tài)對話框無法顯示的解決方案,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-02-02
這篇文章主要介紹了js 正則找出最長連續(xù)子串長度的實現(xiàn)代碼,需要的朋友可以參考下2017-10-10
Enter轉(zhuǎn)換為Tab的小例子(兼容IE,Firefox)
這篇文章介紹了Enter轉(zhuǎn)換為Tab的小例子(兼容IE,Firefox)，有需要的朋友可以參考一下2013-11-11
這篇文章主要介紹了js實現(xiàn)飛入星星特效代碼,主要通過控制背景與飛入點的樣式,結(jié)合setTimeout函數(shù)即可實現(xiàn)星星飛入的效果,對于學習javascript有不錯的參考借鑒價值,需要的朋友可以參考下2014-10-10
這篇文章主要介紹了兩個數(shù)組去重的JS代碼，有需要的朋友可以參考一下2013-12-12