//图片懒加载
//<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//防止重复加载
}
}
}
图片懒加载
最新推荐文章于 2024-05-28 17:25:10 发布