利用JS实现图片的缓存
浏览数：18 /
时间：2015年06月09日
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]; }
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
