Question

我想使用JavaScript重新加载页面，但我也希望清除缓存，因此在页面刷新页面上有来自服务器的所有内容的最新版本。
除IE之外的其他浏览器没有获得最新内容。

IE9的任何解决方案？

Answer 1

reload()应该接受一个告诉它进行硬重载的参数，即忽略缓存：

location.reload(true);

我无法保证其可靠性，您可能需要进一步调查。

Answer 2

你可以通过几种方式做到这一点。只需将此元标记添加到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

阅读完评论后，我意识到你想以编程方式擦除缓存而不是每次都清除缓存。你可以做的是在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"); ?> 

此方法可立即运行，无需页面重新加载，因为它会在页面加载之前以及在运行任何内容之前擦除缓存。

Answer 3

我有这个问题，我用javascript解决了它

signal.SIGINT

您也可以使用

 location.reload(true);

在用户退出应用程序后停止浏览器后退按钮。

Answer 4

我写了这个javascript脚本并将其包含在标题中（在任何加载之前）。它似乎工作。如果页面在一个多小时前加载或者情况未定义，它将从服务器重新加载所有内容。可以在以下行中更改一小时= 3600000毫秒的时间： if（alter> 3600000）

关于， Birke酒店

<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>

Answer 5

在我的情况下，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(/#.*$/, '');
};

window.location.reload，带有清除缓存

5 个答案: