如何从内存中清除图像 - 从DOM中删除后

Question

我有javascript，可以使用<div>

创建数十个background-image:url(http://differentDomain.com/someImage.jpg)元素加载图片

它们都附加在<div id = "container">

中

在屏幕上显示图像并完成css动画后，我删除了容器：

var c = document.getElementById('container')
c.parentNode.removeChild(c);

删除后，我会获得一组新图像，创建一个新容器并再次启动该过程。

问题是 - 删除容器后，页面不会清除内存，并继续在内存中膨胀 - 在图像中，内存在几次迭代后会膨胀。

是否有更优化的方式从DOM中删除？ 这可以连接到在图像上使用CSS动画吗？

Answer 1

如您的数据所示，图像位于浏览器缓存中，DOM不包含图像。这不是它的作用。您可能在您的网站上实施了缓存。从内存中删除这些内容的唯一方法就是不首先将图像作为cachable提供，让浏览器自行删除它们，浏览器和OS可能会这样做。

在评论中，@ Jacque提出了一个有趣的观点，可能是一个需要思考的问题。