我想使用 JavaScript 重新加载页面，但我也想清除缓存，因此在页面刷新时，页面会包含来自服务器的所有内容的最新版本。
除 IE 以外的其他浏览器都没有获取最新的内容。
IE9 有什么解决方案吗？
【问题讨论】：
window.location.href = window.location.href
标签： javascript internet-explorer
您可以通过几种方式做到这一点。一，只需将此元标记添加到您的head：
<meta http-equiv="Cache-control" content="no-cache">
如果您想从缓存中删除文档，expires 元标记应该可以通过将其 content 属性设置为 -1 来删除它，如下所示：
<meta http-equiv="Expires" content="-1">
http://www.metatags.org/meta_http_equiv_cache_control
此外，IE 应该为您提供主页的最新内容。如果您在使用外部文档（如 CSS 和 JS）时遇到问题，请在您的 URL 末尾添加一个虚拟参数，当前时间以毫秒为单位，这样它就不会相同了。这样 IE 和其他浏览器将始终为您提供最新版本。这是一个例子：
<script src="mysite.com/js/myscript.js?12345">
更新 1
阅读 cmets 后，我意识到您想以编程方式擦除缓存，而不是每次都擦除。你可以做的是在 JS 中有一个函数，比如：
eraseCache(){
window.location = window.location.href+'?eraseCache=true';
}
然后，假设在 PHP 中，您执行以下操作：
<head>
<?php
if (isset($_GET['eraseCache'])) {
echo '<meta http-equiv="Cache-control" content="no-cache">';
echo '<meta http-equiv="Expires" content="-1">';
$cache = '?' . time();
}
?>
<!-- ... other head HTML -->
<script src="mysite.com/js/script.js<?= $cache ?>"
</head>
这未经测试，但应该可以工作。基本上，如果调用您的 JS 函数，它将重新加载页面，但会在 URL 的末尾添加一个 GET 参数。然后，您的站点将有一些用于查找此参数的后端代码。如果存在，它会添加元标记和包含时间戳的缓存变量，并将其附加到您遇到缓存问题的脚本和 CSS。
更新 2
元标记确实不会在页面加载时删除缓存。因此，从技术上讲，您需要在 JS 中运行 eraseCache 函数，一旦页面加载，您需要再次加载它以进行更改。您应该能够使用服务器端语言解决此问题。您可以运行相同的 eraseCache JS 函数，但不需要添加元标记，您需要添加 HTTP 缓存标头：
<?php
header("Cache-Control: no-cache, must-revalidate");
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
?>
<!-- Here you'd start your page... -->
此方法无需重新加载页面即可立即工作，因为它会在页面加载之前以及运行任何内容之前擦除缓存。
【讨论】：
reload() 应该接受一个参数，告诉它进行硬重新加载，即忽略缓存：
location.reload(true);
我无法保证它的可靠性，您可能需要进一步调查。
编辑 (2021)：该参数从未标准化，在更现代的浏览器中已被弃用和删除。每季度添加一条描述这一事实的评论将无济于事。
【讨论】：
window.location.href = window.location.href
bReloadSource）
我编写了这个 javascript 脚本并将其包含在标题中（在加载任何内容之前）。它似乎工作。如果页面在一小时前加载或情况未定义，它将从服务器重新加载所有内容。 一小时的时间 = 3600000 毫秒可以在以下行中更改： 如果（改变 > 3600000）
关于， 伯克
<script type="text/javascript">
//<![CDATA[
function zeit()
{
if(document.cookie)
{
a = document.cookie;
cookiewert = "";
while(a.length > 0)
{
cookiename = a.substring(0,a.indexOf('='));
if(cookiename == "zeitstempel")
{
cookiewert = a.substring(a.indexOf('=')+1,a.indexOf(';'));
break;
}
a = a.substring(a.indexOf(cookiewert)+cookiewert.length+1,a.length);
}
if(cookiewert.length > 0)
{
alter = new Date().getTime() - cookiewert;
if(alter > 3600000)
{
document.cookie = "zeitstempel=" + new Date().getTime() + ";";
location.reload(true);
}
else
{
return;
}
}
else
{
document.cookie = "zeitstempel=" + new Date().getTime() + ";";
location.reload(true);
}
}
else
{
document.cookie = "zeitstempel=" + new Date().getTime() + ";";
location.reload(true);
}
}
zeit();
//]]>
</script>
【讨论】：
在我的情况下 reload() 不起作用，因为 asp.net 控制行为。因此，为了解决这个问题，我使用了这种方法，尽管似乎可以解决。
self.clear = function () {
//location.reload(true); Doesn't work to IE neither Firefox;
//also, hash tags must be removed or no postback will occur.
window.location.href = window.location.href.replace(/#.*$/, '');
};
【讨论】：
我遇到了这个问题，我使用 javascript 解决了它
location.reload(true);
你也可以使用
window.history.forward(1);
在用户退出应用程序后停止浏览器返回按钮。
【讨论】：
location.reload(true); 会放在 javascripts 文件中的什么位置？