利用JS實現圖片的緩存

web頁面使用HTML的<img>元素來嵌入圖片，和所有HTML元素一樣，<img>元素也是可以通過腳本來操控的(設置元素的src屬性，將其指向一個新的URL會導致瀏覽器載入並展示一張新的圖片)。為了讓圖片緩存起來，客戶端JS定義了一個API，首先利用Image()構造函數來創建一個屏幕外圖片對象，之后將該對象的src屬性設置 期望的URL，由於圖片元素並沒有添加到文檔中，因此它是不可見的，但是瀏覽器還是會加載圖片並將其緩存起來。

//需要預加載的圖片路徑存放在數組里
var imgsrc=[
    "images/34.jpg",
    "images/32.jpg",
    "images/33.jpg"
];
//初始化image對象
var img = new Image();
//遍歷數組的路徑，預加載到客戶端
for (var i = 0; i < imgsrc.length; i++){
    img.src = imgsrc[i];
}