使用ajax緩存圖像

Question

我的網頁的div內容動態變化。動態HTML中使用的圖像目前在server.is有任何方法我可以cahce那些圖像有更好的經驗，當div的內容是變化

Answer 1

您可以預加載您的圖像在onLoad事件以獲得更好的性能。預加載的圖像使用Image對象：

var anImage = new Image(width, height); 

在存儲器，其屬性是空的上面創建一個對象。但是，你可以將圖像URL，然後分配給對象的src屬性：

var anImage = new Image(100, 200); 
anImage.src = "imageFile.gif"; 

你那麼這個存儲的圖像的src屬性分配給您的<img>元素的src屬性出現在頁面：

document.images["someImage"].src = anImage.src; // preloaded image