延迟加载(懒加载)
优化网页性能的一种方式,针对图片;
什么时候图片可以加载?
整张图片出现在可视区内就加载,滚轮卷走的高度(scrollTop),加上窗口的高度(clientHeight)大于等于 图片的(相对定位加图片的高)offsetTop和offsetHeight
说明整个图片在可视区
而且图片的offsetTop不能相对定位的父级,只能相对于body;
Image(图片对象)是object下面的一个类
他的实例对象返回的是一个img标签;
Image的实例对象上有个onload的方法
onload方法的意思:图片资源全部加载进来,并且资源要正确;
img对象的onload方法,不仅dom节点要正确,文件资源也要正确,否则不执行
if条件语句:if(a>0){ continue } 跳过 (意思是跳过不执行)
if(a>0){ return } 终止 (执行一次,终止)