JS页面刷新|极客笔记

JS页面刷新

在Web开发中，页面的刷新是一种常见的操作。有时候我们需要通过JavaScript来实现页面的刷新，以便实时更新页面内容或者执行某些操作。本文将详细解释在JavaScript中如何实现页面的刷新，并介绍一些常见的刷新方法。

通过location.reload()方法来实现页面刷新

location.reload()方法会重新加载当前页面。它有两种形式：带参数和不带参数。不带参数的reload()方法将重新加载当前页面，而带有参数的reload(true)方法会强制从服务器重新加载页面。

<!DOCTYPE html>
<html>
<head>
  <title>页面刷新示例</title>
</head>
<body>
  <button onclick="reloadPage()">点击刷新页面</button>

  <script>
    function reloadPage() {
      location.reload();
    }
  </script>
</body>
</html>

点击上面的按钮后，页面会重新加载并刷新。

通过history.go(0)方法来实现页面刷新

history.go(0)方法会在浏览器历史记录中重新加载当前页面。它的效果与location.reload()方法相似，但是并不完全相同。

<!DOCTYPE html>
<html>
<head>
  <title>页面刷新示例</title>
</head>
<body>
  <button onclick="refreshPage()">点击刷新页面</button>

  <script>
    function refreshPage() {
      history.go(0);
    }
  </script>
</body>
</html>

点击上面的按钮后，页面将会重新加载。