課程
/前端開發
/HTML/CSS
/圖片預加載
$.ech(imgs,function(i,src){
????var imgObj=new Image();
????$(imgObj).on('load',function(){
})
})????
2017-05-03
源自:圖片預加載 2-3
正在回答
根據二樓和網上資料總結:
JS內部是按順序執行的(可以認為是同步執行),假設"給圖片的src屬性賦值"在"給圖片綁定onload事件"之前,JS解釋器會先執行賦值語句,src屬性被賦值后圖片開始下載,但解釋器不會等待圖片加載完畢后再執行下一條語句,因為加載圖片這個過程是異步的(就像你可以一邊蹲坑一邊玩王者毒藥,當然一邊放大一邊吸毒很不好)。也就是說圖片加載的同時,可以執行"給圖片綁定onload事件",不過加載圖片這個異步過程可能在"給圖片綁定onload事件"之前就完成了(比如瀏覽器緩存了圖片),此時圖片加載完成后還沒有給圖片綁定onload事件,也就是說圖片加載完成后什么也不會發生。 總而言之,"給圖片綁定onload事件"應在"給圖片的src屬性賦值"之前,這樣就可以保證圖片加載完成后觸發onload事件。
理解有誤
額,可能你理解有誤吧,onload事件是異步,也就是先給imgObj的src賦值,然后才開始下載圖片,下載圖片完成后才出發onload事件
是Image對象里的src屬性,加載你each中遍歷出來的src,及imgObj.src = src;
舉報
預知發生的行為,提前加載需要的圖片,獲得更好的用戶體驗
5 回答為什么new Image()后,沒有用src賦值?也可以預加載?
3 回答圖片加載304!?。?/p>
1 回答js 加載順序
2 回答預加載頁無效
2 回答請問一下圖片懶加載和圖片預加載的區別
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-05-10
根據二樓和網上資料總結:
JS內部是按順序執行的(可以認為是同步執行),假設"給圖片的src屬性賦值"在"給圖片綁定onload事件"之前,JS解釋器會先執行賦值語句,src屬性被賦值后圖片開始下載,但解釋器不會等待圖片加載完畢后再執行下一條語句,因為加載圖片這個過程是異步的(就像你可以一邊蹲坑一邊玩王者毒藥,當然一邊放大一邊吸毒很不好)。也就是說圖片加載的同時,可以執行"給圖片綁定onload事件",不過加載圖片這個異步過程可能在"給圖片綁定onload事件"之前就完成了(比如瀏覽器緩存了圖片),此時圖片加載完成后還沒有給圖片綁定onload事件,也就是說圖片加載完成后什么也不會發生。
總而言之,"給圖片綁定onload事件"應在"給圖片的src屬性賦值"之前,這樣就可以保證圖片加載完成后觸發onload事件。
2017-05-09
理解有誤
2017-05-08
額,可能你理解有誤吧,onload事件是異步,也就是先給imgObj的src賦值,然后才開始下載圖片,下載圖片完成后才出發onload事件
2017-05-03
是Image對象里的src屬性,加載你each中遍歷出來的src,及imgObj.src = src;