1. 程式人生 > >js的image onload事件使用遇到的問題

js的image onload事件使用遇到的問題

關於 Image 物件 onload 事件。


想獲取的是 image 的 寬高值www.usus.cc。所以用 onload 方法。另外是獲取的遠端www.e78.com圖片。


但IE在第二次顯示圖片的時候,總是不走 onload 方法。程式碼:

var img = new Image();
img.src = "loading.gif";
img.onload = function(){
var iheight = img.height;
var iwidth = img.width;
};後來給xiaoniu同學看了後才知,img.src 應該是放在 onload 方法後邊的。。


後來google下,才發現原來此類問題大家多有總結。。我真是外行。。


因為 IE 在載入緩衝區資料的時候,沒有觸發 onload 方法,導致該事件內程式碼被忽略。FF 在載入緩衝區資料的時候,順帶觸發了 onload 方法。 


其實還有點,就是onload的時候還要對圖片進行自適應調整,就發現,需要再 onload 裡還要對元素設定一次img.src。。。要不它只記得第一張圖。。。


對這個快取區還是一知半解。繼續。