利用JS實現圖片的緩存

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