码迷,mamicode.com
首页 > Web开发 > 详细

利用JS实现图片的缓存

时间:2014-06-26 17:06:10      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:style   class   blog   code   color   使用   

web页面使用HTML的<img>元素来嵌入图片,和所有HTML元素一样,<img>元素也是可以通过脚本来操控的(设置元素的src属性,将其指向一个新的URL会导致浏览器载入并展示一张新的图片)。为了让图片缓存起来,客户端JS定义了一个API,首先利用Image()构造函数来创建一个屏幕外图片对象,之后将该对象的src属性设置 期望的URL,由于图片元素并没有添加到文档中,因此它是不可见的,但是浏览器还是会加载图片并将其缓存起来。

//需要预加载的图片路径存放在数组里
var imgsrc=[
    "images/34.jpg",
    "images/32.jpg",
    "images/33.jpg"
];
//初始化image对象
var img = new Image();
//遍历数组的路径,预加载到客户端
for (var i = 0; i < imgsrc.length; i++){
    img.src = imgsrc[i];
}

 

利用JS实现图片的缓存,布布扣,bubuko.com

利用JS实现图片的缓存

标签:style   class   blog   code   color   使用   

原文地址:http://www.cnblogs.com/zhuifeng/p/3807864.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!