有没有办法用javascript阻止图像的页面加载？

Question

我想构建一个延迟加载插件。一些资源表明，只要在图像上定义了src，浏览器就会开始加载它。页面处理在什么时候会发生这种情况？是否可以在某些javascript中编码以防止这种情况发生？

Answer 1

如果我理解为您不想加载图像，直到用户以某种方式进行交互，这就是您可能正在寻找的内容。

Jsfiddle：http://jsfiddle.net/z2kgpL37/

<img id="myImg" src="" width="107" height="98">


<button onclick="myFunction()">Load image</button>

<script>
function myFunction() {
    document.getElementById("myImg").src = "http://www.w3schools.com/jsref/compman.gif";
}
</script>

如果这有帮助，请接受答案：）