国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

IE瀏覽器中圖片onload事件無效的解決方法

2024-05-06 16:04:47
字體:
來源:轉載
供稿:網友
在做一個項目的時候才發現的這個bug,其實這是一個很常見的問題,只是之前對圖片的處理太少,沒有碰到過。

故事模式實現是只加載當前瀏覽的照片和它下面的兩張照片,加載照片的時候才會加載和渲染評論區,圖片沒有加載前會用一個一象素的圖片占位,并用一個loading類將顯示出一個loading背景圖,判斷在可視區的時候替換成真正的圖片,圖片加載成功后刪除loading類。

問題出在最后面,測試的時候發現在IE下loading類無法刪除,當時代碼如下:

復制代碼 代碼如下:


img.src = _src;
img.src = _src;
img.onload = function(){
   _con.delClass('loading');
}


網上找了一番,onload和定義src的語句應該換一下順序,IE從緩存中取圖片,onload根本不觸發,opera也有這個毛病,正確代碼修改如下

復制代碼 代碼如下:


img.onload = function(){
   _con.delClass('loading');
};
img.src = _src;


立即就正常了


結論:應該把onload寫到src前面,先告訴瀏覽器圖片加載完要怎么處理,再讓它去加載圖片。 所以,不是IE瀏覽器不會觸發onload事件,而是因為加載緩沖區的速度太快,在沒有告訴它加載完要怎么辦時,它已經加載完了。反過來說,firefox明顯更智能一些,加入onload事件后,firefox瀏覽器會檢測緩沖區是否已經有此圖片,有的話直接就觸發此事件!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 罗甸县| 嘉祥县| 昌都县| 阜康市| 乌审旗| 邵武市| 南康市| 洪湖市| 永定县| 敖汉旗| 商都县| 宾川县| 大邑县| 城步| 霸州市| 锡林郭勒盟| 谷城县| 郯城县| 柯坪县| 抚松县| 林口县| 营口市| 抚宁县| 玛多县| 廉江市| 金乡县| 静宁县| 邵阳县| 清苑县| 吐鲁番市| 铁岭市| 敖汉旗| 诏安县| 上林县| 壶关县| 山丹县| 汝州市| 定襄县| 长葛市| 贵南县| 永康市|