图片懒加载

//图片懒加载
//<img src='loding.gif' data-src="img.png" />
let num=document.getElementsByTagName('img').length;
let img=document.getElementsByTagName('img')
let n=0
lozyLoad()
window.onscroll=lozyLoad
function lozyLoad(){
  //视口的高度
  let seeHeight=document.documentElement.clientHeight
  //滚动条滚动的距离
  let scrollHeight=document.documentElement.scrollTop||document.body.scrollTop
  for(let i=n;i<num;i++){
    if(img[i].offsetTop<seeHeight+scrollHeight){
      if(img[i].getAttribute('src')=='loding.gif'){
        img[i].src=img[i].getAttribute('data-src')
      }
      n=i+1//防止重复加载
    }
  }
}