// onload是等所有的资源文件加载完毕以后再绑定事件 window.onload = function () { setTimeout(lazyload(imgs), 20); } //// 获取图片列表,即img标签列表 var imgs = document.querySelectorAll('img'); function getTop(e) { return e.offsetTop; } // 懒加载实现 function lazyload(imgs) { imgs = document.querySelectorAll('img'); for (let i of imgs) { if ($(i).is(':visible') == true) { let trueSrc = i.getAttribute("data-src"); if (trueSrc != 'null' && trueSrc != null && trueSrc.indexOf('{{') < 0 && trueSrc.indexOf('}}') < 0) { $(i).removeAttr("data-src") i.setAttribute("src", trueSrc); } } } } // 滚屏函数 window.onscroll = function () { //保证每次取到的为最新的 lazyload(imgs); }