js的image onload事件使用遇到的問題
更新時間：2014年07月15日 17:35:27 投稿：whsnow
這篇文章主要介紹了js的image onload事件使用遇到的問題,需要的朋友可以參考下
關(guān)于 Image 對象 onload 事件。
想獲取的是 image 的 寬高值。所以用 onload 方法。另外是獲取的遠(yuǎn)程圖片。
但I(xiàn)E在第二次顯示圖片的時候，總是不走 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 方法。
其實還有點(diǎn)，就是onload的時候還要對圖片進(jìn)行自適應(yīng)調(diào)整，就發(fā)現(xiàn)，需要再 onload 里還要對元素設(shè)置一次img.src。。。要不它只記得第一張圖。。。
對這個緩存區(qū)還是一知半解。繼續(xù)。
相關(guān)文章
這篇文章主要介紹了JS實現(xiàn)自動變化的導(dǎo)航菜單效果代碼,涉及JavaScript基于定時函數(shù)觸發(fā)頁面元素屬性動態(tài)變換的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
使用onbeforeunload屬性后的副作用...2007-03-03
通過表單在iframe內(nèi)向一個跨域的url提交的時候，如何判斷提交成功了呢？這個，基本上，很難，因為瀏覽器安全沙箱的限制，我們沒有辦法通過獲得iframe內(nèi)部不同域頁面的信息。2009-11-11
數(shù)組(Array)是有序的元素序列,若將有限個類型相同的變量的集合命名,那么這個名稱為數(shù)組名,下面這篇文章主要給大家介紹了關(guān)于ES6中數(shù)組新增方法的相關(guān)資料,需要的朋友可以參考下2022-03-03
Cropper.js 實現(xiàn)裁剪圖片并上傳(PC端)
本案例是參考cropper站點(diǎn)實例，進(jìn)行修改簡化。接下來通過本文給大家分享Cropper.js 實現(xiàn)裁剪圖片并上傳(PC端) 功能，需要的朋友參考下吧2017-08-08
這篇文章主要介紹了基于JS實現(xiàn)父組件的請求服務(wù)過程解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-10-10
JavaScript計算字符串中特定字符出現(xiàn)次數(shù)的實例詳解
在JavaScript編程中,經(jīng)常會遇到需要計算字符串中特定字符出現(xiàn)次數(shù)的情況,在本文中,我將分享兩個簡單的JavaScript函數(shù),用于計算字符串中特定字符出現(xiàn)的次數(shù),需要的朋友可以參考下2023-11-11
純js實現(xiàn)html轉(zhuǎn)pdf的簡單實例(推薦)
下面小編就為大家?guī)硪黄僯s實現(xiàn)html轉(zhuǎn)pdf的簡單實例(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
這篇文章主要介紹了JavaScript多級判定代碼優(yōu)化，JavaScript用二元運(yùn)算符和if拆分優(yōu)化多級判定結(jié)構(gòu),?用JavaScript邏輯運(yùn)算符替換if-else結(jié)構(gòu)判定2023-02-02
本篇文章主要介紹了JS實現(xiàn)瀏覽器打印、打印預(yù)覽示例。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02