js判断图片是否存在于缓存中(兼容ie各版本及Firefox)

2017-09-12  本文已影响0人  菜鸟_js

onload是图片加载完成执行的事件,complete属性是图片显示出来以后为true。

QQ图片20170912004411.png

img.naturalWidth获取图片原始尺寸,当图片未加载(未缓存、或加载失败)时该值为0,当然如果有缓存的话,返回的就是图片的原始尺寸。所以 img.complete||img.naturalWidth 在js onload事件之前,如果图片已经显示或获取的尺寸大于零,表示图片onload之前已经加载完成。naturalWidth只有高版本浏览器支持(safari,firefox,chrome,与opera10+),低版本的话,直接用 img.width

上一篇下一篇

猜你喜欢

热点阅读