关于lazyload图片懒加载的一些问题

Question

我有这么一个问提，一开始很多图片，src是正常的图片，我需要用js把所有src改成lazyload的小图，再加上data-src，可是页面一加载js未执行就会执行src的http请求，把js放在head的话又获取不到所有的图片，有什么办法读取到img标签却不让src执行http请求呢？（图片一开始就是,不能改，通过文本编辑器写的）
整理：
如何在不修改內容源碼的前提下，做到lazyload。

Answer 1

用document.querySelector('img').onload试试？感觉你这个需求奇奇怪怪的..能编辑页面代码为什么不能去掉src属性呢？

Answer 2

我认为这样是不可以的。现在一般编写lazyload都是在img标签中添加一个自定义属性标签，然后再用js处理。如上所说，是在html标签加载后，才执行js的，那样的话，img加载图片是默认行为。在没有执行js前，就已经开始了。以后期js再行处理时，也不会阻止图片的下载。