尝试使用javascript停止图像加载

Question

有没有办法用javasript暂停图像下载？我想从图像标签中提取所有网址,并仅在用户滚动到特定网址时启动图片加载.我知道我可以通过停止下载

window.stop()

但是通过使用此解决方法,浏览器也会停止加载CSS文件中定义的背景图像.

那么有没有一种方法可以实现这一目标,而无需实现"标记解决方法",例如"将图像URL包含在跨度或其他内容中".

Answer 1

您可以使用 JavaScript 完全删除 src 属性，这将有效地阻止图像被下载。

var img = document.getElementById('imageID'),
    src = img.getAttribute('src');

img.removeAttribute('src');

这将确保如果用户禁用了 JS，您的图像仍然会被加载，因为您稍后将使用 JS 删除 src 属性。

然后，您可以将 url 存储在变量中，并在想要再次加载它们时将其设置回来。

img.setAttribute('src', src);

关键点是它不能留下空的 src 属性（src=""），否则浏览器将把它视为“/”，实际上是在尝试加载您的主页并将其存储在图像元素中。您必须完全删除 src 属性。