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