图像(未缓存)被添加到 DOM；例如(使用 jQuery):
$('#hereItGoes').append('<img id="theImage" src="image.jpg" />');
浏览器开始下载资源，需要一些时间...
在图片完全加载之前某种事件会触发回调以移除图片。
$('#theImage').remove();
图片资源传输是否中断？
更具体地说，这会阻止服务器发送(图像)数据吗？
为问题提供一些“背景”:
长滚动页面通常设计为延迟加载图像:仅当图像进入视口(viewport)时才加载；当它们中的每一个都准备就绪时，就会淡入并显示给用户。
现在如果用户快速向下滚动页面会怎样？
可能会出现许多图像进入视口(viewport)(并开始下载)但在准备就绪之前退出的情况。
保持加载会浪费带宽(和服务器资源)。
最佳答案
不，这是不可能的。这是因为一旦您请求一个资源，它就会被您的客户端代码异步请求，这样它就不会阻止您的 DOM 的其余部分加载。
在更复杂的服务器端请求中，可以发送另一条客户端消息来阻止服务器继续处理响应数据，但如果这是发回图像，则没有必要尝试停下来。
但这不会影响客户端 DOM 性能，因为您只是忽略了服务器响应。
关于javascript - 从 DOM 中删除尚未完全加载的图像 : is transmission aborted?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33089856/