Javascript停止图像加载

Question

我正在制作一个网站，其中一个网页正在使用来自外部网站的javascript文件

外部js包含（实际上是加载）我在页面上不需要的图像。

如何阻止该图片加载（假设img url是“http://image.com/img.png”）？是否有任何javascript代码可以做到这一点？

感谢大家

Answer 1

加载DOM后，停止下载任何资源（window.stop()用于现代浏览器，document.execCommand("Stop", false)用于IE）。然后找到您需要的资源并要求浏览器下载它们。

Answer 2

您可以使用URL选择图像并将其从DOM中删除

$(document).ready(function(){
    $('img[src="http://image.com/img.png"]').remove();
});

更新1：

你可能想要部分匹配，试试这个：

$(document).ready(function(){
   $('img[src*="image.com/img.png"]').remove(); 
});

Answer 3

您无法使用JavaScript取消单个资源的下载。正如@nkamm回答的那样，您可以调用window.stop()方法，但随后它会停止下载任何资源（例如按下浏览器中的“停止”按钮）。

如果您尝试停止下载的图片不会在DOM中呈现，那么是否值得取消页面中的所有其他下载？

Answer 4

完全控制它的唯一方法是WebWorkers。

基本上，您创建的xhr.worker.js只有一个HTTP请求来加载图像（通过消息接收URL）。

加载图片后，图片将显示在浏览器缓存中，因此您只需将src =''设置为图片网址即可显示。

如果你杀了特定的网络工作者，图像加载也会被取消！

Answer 5

$(window).load(function(){
    $('img[src="http://image.com/img.png"]').remove();
});