JavaScript Window History
El objeto window.history contiene el historial del navegador.
Window History
window.historyAl escribir el objeto, se puede omitir el prefijo window.
Para proteger la privacidad del usuario, se han impuesto restricciones a los métodos de JavaScript para acceder a este objeto.
Algunos métodos:
- history.back() - igual que hacer clic en el botón de retroceso del navegador
- history.forward() - igual que hacer clic en el botón de avanzar del navegador
Window history.back()
El método history.back() carga la URL anterior en la lista del historial.
Esto es igual que hacer clic en el botón de retroceso del navegador:
Ejemplo
Crear un botón de retroceso en la página:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<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 es:
Window history.forward()
El método history.forward() carga la siguiente URL en la lista del historial.
Esto es igual que hacer clic en el botón de avanzar del navegador:
Ejemplo
Crear un botón de avanzar en la página:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function goForward()
{
window.history.forward()
}
</script>
</head>
<body>
<input type="button" value="Forward" onclick="goForward()">
</body>
</html>
La salida del código anterior es:
Otras extensiones