如何在 JavaScript 中访问历史记录？

在本文中，我们将学习如何在 JavaScript 中访问历史记录。我们将使用History 对象来访问 JavaScript 中的历史堆栈。每个网络浏览器都会将会话期间打开的网站或网页的数据存储在历史堆栈中。要访问这个历史堆栈，我们需要使用 JavaScript 中的 History 对象。

历史对象：历史对象包含浏览器的历史。用户访问的页面的 URL 作为堆栈存储在历史对象中。有多种方法可以管理/访问历史对象。

历史对象的方法：

1. forward() 方法：该方法用于加载历史列表中的下一个URL。这与浏览器中的下一步按钮具有完全相同的功能。没有参数，它不会返回任何内容。

句法：

history.forward()

2. back() 方法：该方法用于加载历史列表中上一个URL。这与浏览器中的后退按钮具有完全相同的功能。没有参数，它不会返回任何内容。

句法：

history.back()

3. go() 方法：该方法用于从历史列表中加载一个 URL。

句法：

history.go(integer)

参数：此方法有一个参数，用于指定历史记录中的 URL。它可以具有以下值：

Value	Usage
-1	Loads the previous page from the history stack
0	Reloads the page.
1	Loads the next page from the history stack

示例 1：使用 forward() 和 back()

geekshtml.html

  

    
        a,
        input {
            margin: 10px;
        }
    

  

    This is page 1
  
    Go to page 2 
  
    back button :  
  
    forward button :  
          
    
        function NextPage() {
            window.history.forward()
        }
        function previousPage() {
            window.history.back();
        }
    

  

极客html2.html

  

    
        a,
        input {
            margin: 10px;
        }
    

  

    This is page 2
  
    back button :  
  
    forward button :  
          
    
        function NextPage() {
            window.history.forward()
        }
        function previousPage() {
            window.history.back();
        }
    

  

输出：

示例 2：使用 go()、forward() 和 back() 方法。

极客html.html

  

    
        a,
        input {
            margin: 10px;
        }
    

  

    This is page 1
  
    Go to page 2 
  
    back button :  
  
    forward button :  
  
    Go button :  
          
    
        function NextPage() {
            window.history.forward()
        }
        function previousPage() {
            window.history.back();
        }
        function go() {
            window.history.go(0);
        }
    

  

极客html2.html

  

    
        a,
        input {
            margin: 10px;
        }
    

  

    This is page 2
  
    back button :  
  
    forward button :  
  
    Go button :  
          
    
        function NextPage() {
            window.history.forward()
        }
        function previousPage() {
            window.history.back();
        }
        function go() {
            window.history.go(0);
        }
    

  

输出：