如何使用JavaScript刷新页面？

当前回答

下面是一些代码行，您可以使用jQuery重新加载页面。

它使用jQuery包装器并提取本地dom元素。

如果您只想在代码上获得jQuery的感觉，而不关心代码的速度/性能，请使用此选项。

只需从1到10中选择适合您的需求，或者根据模式和之前的答案添加更多内容。

<script>
  $(location)[0].reload(); //1
  $(location).get(0).reload(); //2
  $(window)[0].location.reload(); //3
  $(window).get(0).location.reload(); //4
  $(window)[0].$(location)[0].reload(); //5
  $(window).get(0).$(location)[0].reload(); //6
  $(window)[0].$(location).get(0).reload(); //7
  $(window).get(0).$(location).get(0).reload(); //8
  $(location)[0].href = ''; //9
  $(location).get(0).href = ''; //10
  //... and many other more just follow the pattern.
</script>

2018-09-19 06:56:16

其他回答

您可能想使用

location.reload(forceGet)

forceGet是一个布尔值，也是可选的。

默认值为false，从缓存中重新加载页面。

如果您希望强制浏览器从服务器获取页面，以清除缓存，请将此参数设置为true。

或者只是

location.reload()

如果您想快速方便地使用缓存。

2013-07-25 14:27:04

window.location.reload（）将从服务器重新加载，并将再次加载所有数据、脚本、图像等。

因此，如果您只想刷新HTML，window.location=document.URL将返回得更快，流量更少。但如果URL中有散列（#），则不会重新加载页面。

2013-10-13 20:32:10

<i id="refresh" class="fa fa-refresh" aria-hidden="true"></i>

<script>
$(document).on('click','#refresh',function(){
   location.reload(true);
});
</script>

2019-11-28 09:53:12

下面是一个使用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