BOM History

window.history 对象是 History 接口的实例,包含浏览器历史记录。

window.history 对象是 History 接口的实例,包含浏览器历史记录。

window.history 对象可以省略 window 前缀。

为了保护用户的隐私,JavaScript 访问此对象的方式存在限制。

一些方法:

  • history.back() - 返回到上一个页面,与在浏览器中单击返回相同
  • history.forward() - 前进到下一个页面,与在浏览器中单击前进相同

返回

history.back() 方法指示浏览器加载历史列表中的前一个 URL。

这与单击浏览器中的后退按钮相同。

在页面上创建后退按钮:

<html>
  <head>
    <script>
      function goBack() {
        window.history.back();
      }
    </script>
  </head>
  <body>
    <input type="button" value="Back" onclick="goBack()" />
  </body>
</html>

窗口历史转发

history.forward() 方法指示浏览器加载历史列表中的下一个 URL。

这与单击浏览器中的前进按钮相同。

在页面上创建一个前进按钮:

<html>
  <head>
    <script>
      function goForward() {
        window.history.forward();
      }
    </script>
  </head>
  <body>
    <input type="button" value="Forward" onclick="goForward()" />
  </body>
</html>