首頁  >  文章  >  web前端  >  js的image onload事件使用遇到的問題_javascript技巧

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

WBOY
WBOY原創
2016-05-16 16:42:031286瀏覽

關於 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同學看,img.src 應該是放在 onload 方法後邊的。 。

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

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

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

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn