javascript - 图片如何延迟加载？

Question

<p>
    <img src="1.jpg">
</p>

<botton>加载</botton>

var btn = document.getElementsTagName("botton")[0];

btn.onclick = function(){
    //如何点击时加载上面图片？`请输入代码`
}

Answer 1

点击的时候动态添加src属性

Answer 2

$("img").one("load", function() {
// do stuff
}).each(function() {
if(this.complete) $(this).load();
});

Answer 3

可以看下lazyload