懶載入預載入(圖片)

懶載入:只顯示當前所能看到的頁面的內容，這樣做的好處可以減少伺服器的壓力，當頁面繼續往下拉的時候，再繼續載入內容。

預載入:一般用於圖片載入，預先載入圖片，還可以預先判斷圖片是否載入成功，如果載入不成功，可以使用本地圖片替換，這樣也能達到美觀的效果.

懶載入的主要代碼:if(imgHeight < document.documentElement.clientHeight + document.documentElement.scrollTop){   //這裡寫要執行的函數 }

預載入的主要代碼:

var temp_img = new Image()

temp_img.src = img_url +img.dataset.src;

temp_img.onload = function(){//這是載入成功的情況

img.src = img_url + img.dataset.src;

}

//載入失敗的情況

temp_img.onerror = function(){

img.src = 'img/0.jpg';

}

說明:dataset是自定義屬性，保存真正的img地址，img_url是圖片靜態地址。