有什么办法来阻止页面加载的图像与JavaScript？

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

2014-10-10 mikeyla85

不要设置源。 – epascarello 2014-10-10 17:07:54

使用data-src查看其他插件的延迟加载，Owl Carousel是一个例子 – Christina 2014-10-10 17:08:25

只要设置了src'属性，浏览器就会开始发送HTTP请求，并且无法阻止它。你唯一能做的就是不要在开始的时候设置源代码。 – 2014-10-10 17:09:52

如果我正确理解您不想在用户以某种方式进行交互之前加载图像，那么这可能是您要查找的内容。

<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>

如果帮助，接受答案:)

来源

2014-10-10 17:17:15

谢谢！我想在不修改标记的情况下做到这一点，但看起来这是不可能的？ – mikeyla85 2014-10-11 22:48:29

@ mikeyla85绝对没有办法，如果这有帮助，一定要接受这个答案:) – 2014-10-11 22:51:31

有什么办法来阻止页面加载的图像与JavaScript？

回答

相关问题