使用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)';
};
?