javascript - 尝试使用 javascript 停止图像加载

Question

有没有办法用 javasript 停止图像下载？我想从图像标签中提取所有网址，并仅在用户滚动到特定标签时才开始加载图像。我知道我可以停止下载

window.stop()

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

那么有没有一种方法可以在不实现“标记解决方法”的情况下实现这一目标，例如“将图像 url 包含到 span 中或其他东西”。

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 属性。