当你用 jquery 改变一个 img 标签的 src 时会发生什么？答案

【问题标题】：What happens when you change the src of an img tag with jquery?当你用 jquery 改变一个 img 标签的 src 时会发生什么？
【发布时间】：2014-11-18 11:05:57
【问题描述】：

我尝试在 google 中查找此内容，但我得到了很多关于“如何做”的教程，而不是副作用是什么。

在更改img的src时，是否会造成双重缓存效果？如果有人使用 jquery 创建了滑块/旋转器/漫画查看器/选框/等，并使用 jquery 来执行此操作，该怎么办？

在移动设备上，图像旋转后页面是否会停止工作，并且设备会收到类似于“页面太大”的某种类型的错误？

是否可以以浏览器记住它们的方式缓存图像？我的意思是当您有一个具有特定名称的图像进行编辑并且浏览器加载它的缓存版本时。如果放置随机代码以选择随机图像，这会导致错误的图像加载吗？

我只是好奇这会对浏览器的浏览器/访问的访问产生什么样的影响。

我想对此进行测试，但我觉得我的结果可能偏僻或不够广泛，无法涵盖知识可能已经可用的所有场景。

这纯粹是为了知识，而不是为了项目。我想其他人也可能想知道。

【问题讨论】：

标签： javascript jquery html image caching

【解决方案1】：

更新src 属性会加载新图像。

即使我会先预加载图像，然后以这种方式替换或处理图像。

您可以在此处查看两者的工作示例：http://jsfiddle.net/je9w1n9m/

但我认为您的问题更多是关于如何为静态内容设置缓存标头。如果您在 Web 服务器上设置了缓存标头以告诉浏览器缓存静态内容，则图像将返回 304 Not Modified 响应，并从第一次加载时缓存在浏览器中。

【讨论】：

那么你说的改变src实际上并没有影响缓存？
如果您的意思是如果它不影响页面上已经加载的图像，那么是的，它们会缓存在浏览器中，具体取决于您是否设置了响应标头。跨度>
在许多新浏览器中，无论标题如何，都会自动为该会话缓存图像，所以无论如何，我认为你是安全的。但请检查您是否设置了静态内容缓存以及是否有过期标签等。
这里解释得更好：betterexplained.com/articles/…
感谢您的回复。在你和这篇文章之间，我认为我是方方正正的。