📌  相关文章
📜  如何使用 JavaScript 让浏览器返回上一页?

📅  最后修改于: 2022-05-13 01:56:56.073000             🧑  作者: Mango

如何使用 JavaScript 让浏览器返回上一页?

有两种流行的方法可以通过单击 JavaScript 事件使浏览器返回上一页,这两种方法描述如下:

方法一:使用history.go() 方法: window.history对象的go()方法用于从会话历史中加载页面。它可用于使用 delta 参数的值向前或向后移动。正的 delta 参数意味着页面将在历史记录中前进。同样,负 delta 值会使页面返回到前一页面。
此方法可以与“-1”一起使用作为增量值以返回历史记录中的一页。 onclick 事件可以通过返回历史一页的方法来指定。

句法:

window.history.go(-1)

注意:如果我们想返回不止一步,则将 delta 的值从“-1”增加到您想要的值。

例子:

Page 1


  

    
        How to make browser to go back to
        previous page using JavaScript ?
    

  

    

        GeeksforGeeks     

                    Onclick javascript to make browser         go back to previous page?                 

Page 1

           

        Click on the link to get         to the second page.     

           Go to Page 2   


Page 2


  

     
        How to make browser to go back to
        previous page using JavaScript ?
    

  

    

        GeeksforGeeks     

                    Onclick javascript to make browser         go back to previous page?                 

Page 2

           

        Click on the button to go back         to the previous page.     

              


Page 1


  

    
        Onclick javascript to make browser go
        back to previous page?
    

  

    

        GeeksforGeeks     

                    Onclick javascript to make browser         go back to previous page?                   

Page 1

           

        Click on the link to get         to the second page.     

           Go to Page 2   


Page 2


  

    
        Onclick javascript to make browser
        go back to previous page?
    

  

    

        GeeksforGeeks     

                    Onclick javascript to make browser          go back to previous page?                 

Page 2

           

        Click on the button to go         back to the previous page.     

              



输出:
  • 在点击链接之前:
    ex1-page-1
  • 点击链接后:
    ex1-page-2
  • 点击按钮后:
    ex1-page-1

方法二:使用history.back()方法: window.history对象的back()方法用于返回当前会话历史中的上一页。如果没有上一页,这个方法调用什么也不做。
可以使用此方法指定 onclick 事件以返回历史记录中的一页。

句法:

window.history.back()

例子:

第 1 页



  

    
        Onclick javascript to make browser go
        back to previous page?
    

  

    

        GeeksforGeeks     

                    Onclick javascript to make browser         go back to previous page?                   

Page 1

           

        Click on the link to get         to the second page.     

           Go to Page 2   

第2页



  

    
        Onclick javascript to make browser
        go back to previous page?
    

  

    

        GeeksforGeeks     

                    Onclick javascript to make browser          go back to previous page?                 

Page 2

           

        Click on the button to go         back to the previous page.     

              


输出:
  • 在点击链接之前:
    ex2-page-1
  • 点击链接后:
    ex2-page-2
  • 点击按钮后:
    ex2-page-1