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