Javascript之预加载图片

原创于 2011-09-22 12:09:45 发布 · 438 阅读

CC 4.0 BY-SA版权

文章标签：

136 篇文章

订阅专栏

本文介绍了一种使用JavaScript在页面加载完成后预加载下一个页面图片的方法，通过这种方法可以减少用户等待时间，提升用户体验。具体实现方式是在window.onload事件中创建新的Image对象，并设置其src属性为待加载的图片路径。

预加载图片

使用下面代码可以在页面加载完毕后预加载下1个页面的图片，当进入下1个页面就不用再下载图片了。

window.onload=function(){  
   var img = new Image();  
   img.src = "images/image.png";  
   img = null;  
};