使用Image将图片加载进浏览器缓存中

加入提交的时候显示一张图片， 是一个请稍后的图片，但是本身图片大小很大，在onclick事件中更换背景图片，会导致下载文件，而可能文件没有下载完成的时候提交的动作已经完成了，所以我们可以使用Image对象，将图片首先加载到浏览器的缓存里，其构造方法如下

 

 

var img = new Image(width , height);

//其中width和height是可以选择的属性，表示的是图片的宽度和高度

 

img.src = 'http://www.google.cn/logo.gif';

 

然后再更换提交按钮的时候，就会从缓存中加载这张图片了。

 

 

 

document.getElementById('submit').onclick =  function() {

       document.getElementById('loading').style.backgroundImage = 'url(http://www.google.cn/logo.gif)';

};