如何清除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. 首先将图像src设置picturename.jpg为 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" />