在JS中,为了让图片缓存起来,客户端JS定义了一个API,首先利用Image()构造函数来创建一个屏幕外图片对象,之后将该对象的src属性设置 期望的URL,由于图片元素并没有添加到文档中,因此它是不可见的,但是浏览器还是会加载图片并将其缓存起来。
案例:缓存多张图片
function preloader(){
var imageObj = new Image();
//images数组存放的是要缓存的图片的URL路径
var images = ["image1.jpg", "image2.jpg", "image3.jpg"];
for(i=0; i < images.length; i++ ){
//加载图片到本地客户端
imageObj.src=images[i]
}
}