JavaScript Window History

window.history 对象包含浏览器历史。

Window History

window.history 对象可不带 window 书写。

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

一些方法：

  • history.back() - 等同于在浏览器点击后退按钮
  • history.forward() - 等同于在浏览器中点击前进按钮

Window History Back

history.back() 方法加载历史列表中前一个 URL。

这等同于在浏览器中点击后退按钮。

实例

在页面中创建后退按钮：

  1. <html>
  2. <head>
  3. <script>
  4. function goBack() {
  5.     window.history.back()
  6.  }
  7. </script>
  8. </head>
  9. <body>
  10.  
  11. <input type="button" value="Back" onclick="goBack()">
  12.  
  13. </body>
  14. </html>

以上代码的输出将是（请点击此按钮）：

Window History Forward

history forward() 方法加载历史列表中下一个 URL。

这等同于在浏览器中点击前进按钮。

实例

在页面中创建前进按钮：

  1. <html>
  2. <head>
  3. <script>
  4. function goForward() {
  5.     window.history.forward()
  6.  }
  7. </script>
  8. </head>
  9. <body>
  10.  
  11. <input type="button" value="Forward" onclick="goForward()">
  12.  
  13. </body>
  14. </html>

以上代码的输出将是：