📜  如何使用 JavaScript 停止浏览器后退按钮?

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

如何使用 JavaScript 停止浏览器后退按钮?

在本文中,我们将讨论如何编写一个 javascript函数来阻止用户导航回上一页或上一页。有很多方法可以停止最受欢迎的浏览器后退按钮,并且可以在所有条件下工作。您可以将代码添加到第一页或上一页以强制浏览器一次又一次地前进,因此当用户尝试返回上一页时,浏览器将再次将他带到同一页面。

这可以通过制作这样的自定义函数来完成:
示例 1:

  • 代码 1:将此文件另存为Login.html用于第一页。
    html
    
    
          
    
        
            Blocking Back Button
            using javascript
        
          
        
          
        
    
      
    
        

    GeeksforGeeks

               

            Click here to Goto                       Link to second page              

      


    html
    
    
          
    
        
            Blocking Back Button
            using javascript
        
    
      
    
         

    This is second page

                 

             On this page, back button          functionality is disabled.      

      


    html
    
    
          
    
        First Page
          
        
    
      
    
        

    This is first page

        
        Goto second Page   


    html
    
    
          
    
        Second Page
    
      
    
        

            Second Page - Back Button         is disabled here.     

        
      


  • 代码 2:将此文件另存为b.html用于第二页。

    html

    
    
          
    
        
            Blocking Back Button
            using javascript
        
    
      
    
         

    This is second page

                 

             On this page, back button          functionality is disabled.      

      
  • 输出:

示例 2:

  • 代码 1:将此文件另存为a.html用于第一页。

    html

    
    
          
    
        First Page
          
        
    
      
    
        

    This is first page

        
        Goto second Page   
  • 代码 2:将此文件另存为b.html用于第二页。

    html

    
    
          
    
        Second Page
    
      
    
        

            Second Page - Back Button         is disabled here.     

        
      
  • 输出: