懒加载

懒加载

//获取标签
var oImgs = document.getElementsByTagName("img");
// oImgs[0].src = oImgs[0].getAttribute("_src");


//2.默认显示第一屏图片  如果图片在屏幕的可视高度范围内就可以显示
var clientH = document.documentElement.clientHeight;
for (var i = 0; i < oImgs.length; i++) {
    if (oImgs[i].offsetTop <= clientH) {
        oImgs[i].src = oImgs[i].getAttribute("_src")
    }
}

//3.滚动到哪，加载到哪       添加滚动事件
window.onscroll = function () {
    //如果图片的位置 在 屏幕可视高+滚动卷去的高 的范围内容都可以显示
    var sT = document.documentElement.scrollTop || document.body.scrollTop;
    for (var i = 0; i < oImgs.length; i++) {
        if (oImgs[i].offsetTop <= clientH+sT) {
            oImgs[i].src = oImgs[i].getAttribute("_src");
        }
    }
}