La ventana del navegador tiene un objeto de historial, que se utiliza para guardar el historial de navegación.
Si la ventana actual ha visitado tres URL, entonces el objeto de historial incluye tres elementos y la propiedad historial.length es igual a 3.
El objeto historial proporciona una serie de métodos que permiten moverse entre el historial de navegación:
window.history.back(): pasa a la página visitada anteriormente, equivalente a la tecla Atrás del navegador.
window.history.forward(): pasa a la siguiente página visitada, equivalente a la tecla de avance del navegador.
window.history.go(num): acepta un número entero como parámetro y se mueve a la página especificada por el número entero. Por ejemplo, go(1) es equivalente a forward() y go(-1) es equivalente a back(. ).
window.history.pushState(): HTML5 agrega dos nuevos métodos al objeto de historial, window.history.pushState() y window.history.replaceState(), que se utilizan para agregar y modificar registros en el historial de navegación.
Nota: 1. Si la posición movida excede el límite del historial de acceso, los tres métodos anteriores no informan un error, pero fallan silenciosamente.
2. Al configurar, la página generalmente se carga desde la memoria caché del navegador en lugar de volver a pedirle al servidor que envíe una nueva página web.
Centrémonos en: window.history.pushState()window.history.pushState (estado, título, utl), crea una entidad histórica en la página. Añadir directamente al historial.
Entre los parámetros:
estado: un objeto de estado relacionado con la URL especificada. Cuando se activa el evento popstate, este objeto se pasará a la función de devolución de llamada. Si este objeto no es necesario, aquí se puede completar null.
título: el título de la nueva página, pero actualmente todos los navegadores ignoran este valor, por lo que aquí se puede completar nulo.
url: la nueva URL debe estar en el mismo dominio que la página actual. La barra de direcciones de su navegador mostrará esta URL.
Nota: El método pushState no activará una actualización de la página, pero hará que el objeto del historial cambie y la barra de direcciones reaccionará.
Implementación de ejemplo:Html5 escucha e intercepta el método de clave de retorno de Android de la siguiente manera:
1. Escuche el evento popstate
window.addEventListener(popstate, function(){ //hacerAlgo}, falso)2. Cancele la operación de devolución predeterminada, es decir, escuche para interceptar la clave de devolución: agregue una entidad de historial vacía como reemplazo de la entidad de historial original
ventana.historia.pushState(nulo, nulo, #);
Ejemplo:
<!DOCTYPE html><html> <meta name=viewport content=width=device-width> <script type=text/javascript> var count = 0; window.history.pushState(null, null, #); (popstate, function(e) { window.history.pushState(nulo, nulo, #); document.getElementById('logView').innerHTML = Los clics del usuario devuelven + (++count) }) </script><body> <p id=logView>test</p></body></html>Lo anterior es el contenido completo de este artículo. Espero que sea útil para el estudio de todos. También espero que todos apoyen VeVb Wulin Network.