zoukankan      html  css  js  c++  java
  • 利用JS实现图片的缓存

      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];
    }

    转载:https://www.cnblogs.com/zhuifeng/p/3807864.html

  • 相关阅读:
    Linux命令:ssh
    Linux命令:sshpass
    Linux命令:ls
    Linux文件的时间
    Linux命令:findutils
    jfrog
    git
    git branch
    git remote
    java equals 和hashcode
  • 原文地址:https://www.cnblogs.com/BluceLee/p/14821845.html
Copyright © 2011-2022 走看看