一个简单的图片懒加载

HTML代码

<img  src="预加载内容" data-src="加载内容" alt="pic">

js代码，在想用的地方加上一段代码，其中imgs的[]得自己调整

var imgs = document.querySelectorAll('img');
console.log(imgs);
var temp = new Image();
temp.src = imgs[1].getAttribute('data-src');//只会请求一次
// onload判断图片加载完毕，真是图片加载完毕，再赋值给dom节点
temp.onload = function(){
// 获取自定义属性data-src，用真图片替换假图片
imgs[1].src = imgs[1].getAttribute('data-src')
}