下面代碼是最簡單的圖片預加載。最主要的是兩個img 事件 img.compete 和 img.onload 這兩個方法。如果是第一次加載還是已經加載完畢從緩存中加載。

var imgLoad = function (url, callback) {

? ? ? ? var img = new Image();
? ? ? ? img.src = url;
? ? ? ? if (img.complete) {
? ? ? ? ? ? ? ? callback(img);
? ? ? ? } else {
? ? ? ? ? ? ? ? img.onload = function () {
? ? ? ? ? ? ? ? ? ? ? ? callback(img);
? ? ? ? ? ? ? ? ? ? ? ? img.onload = null;
? ? ? ? ? ? ? ? };
? ? ? ? };

};

然而最主要的還是 img.onload 方法 ，他是當圖片整個都加載完畢執行的回調。

總結

以上是生活随笔為你收集整理的js 图片预加载的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。