JS中加载图片问题

JS中经常使用的创建img标签的方法

var  img = new  Image();
img.src = “ http://img0.imgtn.bdimg.com/it/u=1999746274,3629967018&fm=21&gp=0.jpg” //网络地址
img.onload = function{     //图片的加载事件  图片加载完成时调用
alert(“这是一张图片”);
}
document.body.appendChild(img);

在网页加载过程中,加载图片是一项让人很头疼的工作.一个页面中可能会存在多张图片,而图片的加载过程需要较长的时间,影响整体网页的加载效果,所以我们一般会对图片的加载进行一些简单的处理.

一.图片预加载

预加载的目的:

*1.浏览器有限使用缓存进行读取图片

* 2.当图片的数据源没有发生变化的时候,图片预加载解决了图片重复加载的问题

<!D