Historial de ventanas de JavaScript


Tabla de contenido

    Mostrar tabla de contenidos


El objeto window.history contiene el Historial de los navegadores.


Historial de ventanas

El objeto window.history se puede escribir sin el prefijo de ventana.

Para proteger la privacidad de los usuarios, existen limitaciones sobre cómo JavaScript puede acceder a este objeto.

Algunos métodos:

  • history.back() - igual que hacer clic hacia atrás en el navegador

  • history.forward() - igual que hacer clic hacia adelante en el navegador


Historial de ventana Atrás

El método history.back() carga la URL anterior en la lista del historial.

Esto es lo mismo que hacer clic en el botón Atrás en el navegador.

Ejemplo

Cree un botón de retroceso en una página:

<html>
<head>
<script>
function goBack() {
  window.history.back()
 }
</script>
</head>
<body>

<input type="button" value="Back" onclick="goBack()">

</body>
</html>

La salida del código anterior será:



Historial de ventana hacia adelante

El método history.forward() carga la siguiente URL en la lista del historial.

Esto es lo mismo que hacer clic en el botón Adelante en el navegador.

Ejemplo

Cree un botón de avance en una página:

<html>
<head>
<script>
function goForward() {
  window.history.forward()
 }
</script>
</head>
<body>

<input type="button" value="Forward" onclick="goForward()">

</body>
</html>

La salida del código anterior será: