js 判断图片是否加载完以及实现图片的预下载

前端之家收集整理的这篇文章主要介绍了js 判断图片是否加载完以及实现图片的预下载前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

创建一个Image对象,实现图片的预下载,如果图片已经存在于浏览器缓存,直接调用回调函数,使用onload事件可以判断图片是否加载完成

图片的预下载 img.src = url;

if(img.complete) { // 如果图片已经存在于浏览器缓存,直接调用回调函数
callback.call(img);
return; // 直接返回,不用再处理onload事件
}
img.onload = function () { //图片下载完毕时异步调用callback函数
callback.call(img);//将回调函数的this替换为Image对象
};
};

  1. <Meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  2. <span class="pln">判断</span><span class="tag"><a</span><span class="pln"> </span><span class="atn">href</span><span class="pun">=</span><span class="atv">"/tag/tupian/"</span><span class="pln"> </span><span class="atn">target</span><span class="pun">=</span><span class="atv">"_blank"</span><span class="pln"> </span><span class="atn">class</span><span class="pun">=</span><span class="atv">"keywords"</span><span class="tag">></span><span class="pln">图片</span><span class="tag"></a></span><span class="pln">是否加载完成</span>

猜你在找的JavaScript相关文章