有什麼辦法來阻止頁面加載的圖像與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> 

如果幫助，接受答案:)