码迷,mamicode.com
首页 > 编程语言 > 详细

使用JavaScript缓存图片

时间:2014-09-09 19:49:39      阅读:228      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   io   使用   java   ar   for   div   

在JS中,为了让图片缓存起来,客户端JS定义了一个API,首先利用Image()构造函数来创建一个屏幕外图片对象,之后将该对象的src属性设置 期望的URL,由于图片元素并没有添加到文档中,因此它是不可见的,但是浏览器还是会加载图片并将其缓存起来。

案例:缓存多张图片

    function preloader(){
        var imageObj = new Image();
        //images数组存放的是要缓存的图片的URL路径
        var images = ["image1.jpg", "image2.jpg", "image3.jpg"];
        for(i=0; i < images.length; i++ ){
            //加载图片到本地客户端
            imageObj.src=images[i]
        }
    }

 

 

 

 

使用JavaScript缓存图片

标签:style   blog   color   io   使用   java   ar   for   div   

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

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