js的image onload事件使用遇到的問題
關(guān)于 Image 對象 onload 事件。
想獲取的是 image 的 寬高值。所以用 onload 方法。另外是獲取的遠程圖片。
但IE在第二次顯示圖片的時候,總是不走 onload 方法。代碼:
var img = new Image();
img.src = "loading.gif";
img.onload = function(){
var iheight = img.height;
var iwidth = img.width;
};
后來給xiaoniu同學(xué)看了后才知,img.src 應(yīng)該是放在 onload 方法后邊的。。
后來google下,才發(fā)現(xiàn)原來此類問題大家多有總結(jié)。。我真是外行。。
因為 IE 在加載緩沖區(qū)數(shù)據(jù)的時候,沒有觸發(fā) onload 方法,導(dǎo)致該事件內(nèi)代碼被忽略。FF 在加載緩沖區(qū)數(shù)據(jù)的時候,順帶觸發(fā)了 onload 方法。
其實還有點,就是onload的時候還要對圖片進行自適應(yīng)調(diào)整,就發(fā)現(xiàn),需要再 onload 里還要對元素設(shè)置一次img.src。。。要不它只記得第一張圖。。。
對這個緩存區(qū)還是一知半解。繼續(xù)。
相關(guān)文章
詳解JavaScript Alert函數(shù)執(zhí)行順序問題
本文主要介紹了Javascript的Alert函數(shù)執(zhí)行順序問題,對此感興趣的同學(xué),可以實驗一下,以便解決平時遇到的一些奇怪的問題。2021-05-05
基于JavaScript實現(xiàn)Tab選項卡切換效果
這篇文章主要介紹了基于JavaScript實現(xiàn)Tabs選項卡切換效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-11-11

