HTML页面window.location.reload在chrome中不起作用 - 不从缓存加载,由于新映像而从服务器加载,但同名

时间:2016-02-17 15:02:12

标签: javascript html refresh reload

我希望内部网站在加载时自动刷新ONCE。原因是有些图像已更新,但名称相同。因此,当我打开网站时,会显示旧图像(我猜是从缓存中)。

我发现的答案要么不起作用,要么我不知道如何实施它们,所以我正在寻找最简单的答案!

这不起作用:(或者,奇怪地工作了几次但不再工作了?!)

<html>
<head>
  <meta http-equiv="content-type"
 content="text/html; charset=ISO-8859-1">
  <script language=" JavaScript"><!--
function MyReload()
{
window.location.reload();
}
//--></script>
  <title>TITLE</title>
</head>
<body ...
...
<hr style="width: 100%; height: 1px;"><img
 style="width: 2120px; height: 1171px;" alt="SFD"
 src="image.jpg"><br>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

第一条评论是正确的,只是完全禁用网页缓存,但如果由于某种原因你不想或不能,你可以随时...

添加?以及到图像源末尾的时间戳。

更改图片代码以添加班级或ID

<img id="pic" style="width: 2120px; height: 1171px;" alt="SFD" src="image.jpg">

使用此脚本,您可以将时间戳添加到图像src的末尾。

<script>
var timestamp = new Date().getTime();
var image=document.getElementById("pic");
image.src=image.src + "?" + timestamp
</script>