如何使用JavaScript刷新页面？

当前回答

有很多方法可以重新加载当前页面，但使用这些方法，您可以看到页面更新，但不会有很少的缓存值，因此要克服这个问题，或者如果您希望发出硬请求，请使用以下代码。

    location.reload(true);
    //Here, it will make a hard request or reload the current page and clear the cache as well.


    location.reload(false); OR location.reload();
    //It can be reload the page with cache

2019-09-17 10:19:27

其他回答

使用location.reload（）。

例如，要在单击id为“something”的元素时重新加载：

$('#something').click(function() {
    location.reload();
});

reload（）函数接受一个可选参数，该参数可以设置为true，以强制从服务器而不是缓存重新加载。该参数默认为false，因此默认情况下页面可以从浏览器的缓存中重新加载。

2011-03-23 11:57:51

我找到了

window.location.href = "";

window.location.href = null;

还进行页面刷新。

这使得移除任何哈希值后重新加载页面变得非常容易。当我在iOS模拟器中使用AngularJS时，这非常好，因此我不必重新运行应用程序。

2016-09-15 16:04:20

下面是一个使用jQuery异步重新加载页面的解决方案。它避免了window.location=window.location引起的闪烁。这个示例显示了一个连续重新加载的页面，就像在仪表板中一样。它经过战斗测试，正在时代广场的信息显示电视上运行。

<!DOCTYPE html>
<html lang="en">
  <head>
    ...
    <meta http-equiv="refresh" content="300">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
    <script>
    function refresh() {
      $.ajax({
        url: "",
        dataType: "text",
        success: function(html) {
          $('#fu').replaceWith($.parseHTML(html));
          setTimeout(refresh,2000);
        }
      });
    }
    refresh();
    </script>
  </head>
  <body>
    <div id="fu">
      ...
    </div>
  </body>
</html>

笔记：

直接像$.get（“”，function（data）｛$（document.body）.html（data）｝）那样使用$.ajax会导致css/js文件被缓存破坏，即使您使用cache:true，这就是我们使用parseHTML的原因parseHTML不会找到一个body标签，所以你的整个身体都需要放在一个额外的div中，我希望这些知识有一天能帮助你，你可以猜到我们是如何为那个div选择id的使用http equiv=“refresh”，以防javascript/服务器打嗝出现问题，然后页面仍然会重新加载，而不会接到电话这种方法可能会以某种方式泄漏内存，http equiv刷新修复了

2016-05-17 22:30:47

由于问题是一般性的，让我们尝试总结出答案的可能解决方案：

简单的纯JavaScript解决方案：

最简单的方法是以适当的方式放置单线解决方案：

location.reload();

很多人在这里缺少的是，因为他们希望得到一些“点”，reload（）函数本身提供了一个布尔值作为参数（详细信息：https://developer.mozilla.org/en-US/docs/Web/API/Location/reload).

Location.reload（）方法从当前网址。它的可选唯一参数是布尔值true，导致页面始终从服务器重新加载。如果是的话如果为false或未指定，则浏览器可以从隐藏物

这意味着有两种方式：

解决方案1：强制从服务器重新加载当前页面

location.reload(true);

解决方案2：从缓存或服务器重新加载（基于浏览器和配置）

location.reload(false);
location.reload();

如果你想将它与jQuery结合起来监听事件，我建议使用“.on（）”方法而不是“.click”或其他事件包装器，例如，更合适的解决方案是：

$('#reloadIt').on('eventXyZ', function() {
    location.reload(true);
});

2015-10-02 09:25:34

这适用于所有浏览器：

location.reload();

2011-03-23 11:57:48

如何使用JavaScript刷新页面？

推荐文章

最新文章

标签