Question

请帮助我理解网站上加载图片的过程。例如：我使用代码创建img元素：

img = document.createElement('img');
img.src = 'some image src';
someDiv.appendChild(img);

是不是每次这个脚本工作时，用户的浏览器都会下载图片？那么第一次加载图像呢？如果脚本使用相同的图像src工作两次怎么办？

此外，简单的html代码中的相同问题：

<img src='somesrc' /><img src='thesamesrc' />

浏览器是否加载此图像两次？

所以，主要的问题是：如果浏览器每次使用我的javascript代码加载图像，如何修复它？我有一些图像集，我需要以一定的间隔加载其中一个。如何一次加载所有这些并在之后使用它？当然，如果浏览器在这种情况下缓存图像，毫无疑问，但我不确定

Answer 1

如果启用了缓存，则只会加载一次图像。有重新加载文件的过期日期。