jquery - 如何清除HTML数据？

Question

我们可以像这样使用查询选择器来清除 CSS 样式表缓存:

<link rel="stylesheet" type="text/css" href="stylesheet.css?v=1.0" />

每当我们更改样式表并需要浏览器清除我们的 CSS 样式表时，我们可以更改版本号，如 1.1、1.2 等。

有没有类似的东西可以清除 HTML 数据？

---

我有这样的 HTML 标记:

<img src="picturename.jpg" /><!--picture of a **man**--->

稍后我需要更改图片但相同的文件名:

<img src="picturename.jpg" /><!--picture of a **woman**--->

我删除了男人的照片并上传了女人的照片。但是当我在浏览器中查看时，即使在非常干净刷新 (Ctrl+F5) 并且还使用浏览器的设置清除之后，它仍显示缓存的图片是一个人的图片。

更新

---

我开始知道每次清除缓存都不是一个好主意，所以我想通过 jquery 实现这个，概念如下:

1. 首先设置来自picturename.jpg的图片src至 picturename.jpg?v=1
2. 将号码存储在本地存储或 cookie 中。但我很困惑 使用 cookie 就像用户删除 cookie 然后存储 变量也将被删除，从而将其存储在本地存储中 会更好。
3. 检索本地存储变量号并检查全局变量 超出变量数则只更改图片 src 数 像这样:

---

var cnum = 1; // author will change this number when needed
$(document).ready(function(){
var ccnum; // store in local storage then increase the number if cnum is greater than ccnum
//now change the src as of image

我需要更改我所有画廊图片的 src $('#mygallery img')实际上我有数百张图像，这些图像将在一段时间后更改但需要相同的文件名。

我该怎么办？

Answer 1

您可以使用随机数/时间戳将字符串附加到文件名，这将导致浏览器重新加载图像，因为它是不同的 URL，但文件名可以相同。

<img src="picturename.jpg?201401281148" />