HTML | Método go() del historial DOM

El método History go() en HTML se usa para cargar una URL específica de la lista de historial. Es una mejor alternativa a los métodos history.back() y history.forward() si se conoce un número o la URL de la página específica que desea cargar desde su historial.

Sintaxis:  

history.go( number|URL )

Parámetros: este método acepta un solo número de parámetro|URL , que es obligatorio y se usa para especificar el número/posición de la URL en la lista del historial o la URL de la página. -1 se usa para retroceder una página y 1 para avanzar una página.

El siguiente programa ilustra el método History go() en HTML:

Ejemplo: 

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>DOM History.go() Method</title>
        <style>
            h1 {
                color:green;
            }
            h2 {
                font-family: Impact;
            }
            body {
                text-align:center;
            }
        </style>
    </head>
    <body>
        <h1>GeeksforGeeks</h1>
        <h2>DOM History.go( ) Method</h2>
         
 
<p>
         For going to the second next URL in the
         history, double click the "Go to the
         second next URL" button:
        </p>
 
 
        <button ondblclick="history_goforward()">
          Go to the second next URL
        </button>
        <script>
            function history_goforward() {
                window.history.go(2);
            }
        </script>
    </body>
</html>                   

Producción: 

Ejemplo 2: Para ir a la URL anterior en la lista de historial. 

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>DOM History.go() Method</title>
        <style>
            h1 {
                color:green;
            }
            h2 {
                font-family: Impact;
            }
            body {
                text-align:center;
            }
        </style>
    </head>
    <body>
        <h1>GeeksforGeeks</h1>
        <h2>DOM History.go() Method</h2>
         
 
<p>
         For going to the previous URL in the
         history, double click the "Go to the
         previous URL" button:
        </p>
 
 
        <button ondblclick="history_goback()">
         Go to the previous URL
        </button>
        <script>
            function history_goback() {
                window.history.go(-1);
            }
        </script>
    </body>
</html>                   

Producción: 

Navegadores compatibles: los navegadores compatibles con el método History go() se enumeran a continuación: 

  • Google cromo 1
  • Borde 12
  • explorador de Internet 10
  • Firefox 1
  • Ópera 12.1
  • Safari 1

Publicación traducida automáticamente

Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *