JavaScript图片懒加载
2021-06-09 09:03
标签：classname style javascrip ons rip body bsp nbsp 显示图片 首先对图片懒加载的函数的封装 然后再html中调用（body中的内容）如： JavaScript图片懒加载 标签：classname style javascrip ons rip body bsp nbsp 显示图片 原文地址：https://www.cnblogs.com/z-cg/p/14494228.html 1 var n=0;//存储图片的位置，避免每次都从第一张图片进行加载
2 function lazyload(imgs) {
3 //获取可视区的高度
4 var height = document.documentElement.clientHeight
5 //获取滚动条的位置
6 var scroll = document.body.scrollTop || document.documentElement.scrollTop
7
8 for (var i = 0; i ) {
9 if (imgs[i].offsetTop scroll) {
10 if (imgs[i].getAttribute(‘src‘) == ‘‘ || !imgs[i].getAttribute(‘src‘)) {
11 imgs[i].setAttribute(‘src‘, imgs[i].getAttribute(‘data-src‘))
12 }
13 }
14 n=i+1
15 }
16 }
1
3 
4 
5 
6
上一篇：C++图论算法——图的储存方式
下一篇：c语言学习