Buscar..
Sintaxis
- window.history.pushState (dominio, título, ruta);
- window.history.replaceState (dominio, título, ruta);
Parámetros
| Parámetro | Detalles |
|---|---|
| dominio | El dominio al que desea actualizar |
| título | El título para actualizar a |
| camino | El camino para actualizar a |
Observaciones
La API HTML5 History no está implementada por todos los navegadores y las implementaciones tienden a diferir entre los proveedores de navegadores. Actualmente es compatible con los siguientes navegadores:
- Firefox 4+
- Google Chrome
- Internet Explorer 10+
- Safari 5+
- iOS 4
Si desea obtener más información sobre los métodos y las implementaciones de la API de historial, consulte el estado de la API de historial de HTML5 .
history.replaceState ()
Sintaxis:
history.replaceState(data, title [, url ])
Este método modifica la entrada del historial actual en lugar de crear una nueva. Se utiliza principalmente cuando queremos actualizar la URL de la entrada del historial actual.
window.history.replaceState("http://example.ca", "Sample Title", "/example/path.html");
Este ejemplo reemplaza el historial actual, la barra de direcciones y el título de la página.
Tenga en cuenta que esto es diferente de history.pushState() . Lo que inserta una nueva entrada en el historial, en lugar de reemplazar la actual.
history.pushState ()
Sintaxis:
history.pushState(state object, title, url)
Este método permite añadir entradas de historiales. Para obtener más información, consulte este documento: método pushState ()
Ejemplo:
window.history.pushState("http://example.ca", "Sample Title", "/example/path.html");
Este ejemplo inserta un nuevo registro en el historial, la barra de direcciones y el título de la página.
Tenga en cuenta que esto es diferente de history.replaceState() . Que actualiza la entrada del historial actual, en lugar de agregar una nueva.
Cargar una URL específica de la lista de historial
método go ()
El método go () carga una URL específica de la lista de historial. El parámetro puede ser un número que va a la URL dentro de la posición específica (-1 retrocede una página, 1 avanza una página) o una cadena. La cadena debe ser una URL parcial o completa, y la función irá a la primera URL que coincida con la cadena.
Sintaxis
history.go(number|URL)
Ejemplo
Haga clic en el botón para volver a dos páginas:
<html>
<head>
<script type="text/javascript">
function goBack()
{
window.history.go(-2)
}
</script>
</head>
<body>
<input type="button" value="Go back 2 pages" onclick="goBack()" />
</body>
</html>