Window.history representa los registros históricos del objeto Window, que los usuarios generan activamente y aceptan el objeto global controlado por JavaScript Script. El objeto de la ventana proporciona acceso al registro histórico del orador a través del objeto History. Expone algunos métodos y atributos muy útiles, lo que le permite avanzar y retirarse libremente en registros históricos.
1. El delantero y el atraso de los registros históricosRetirar en el registro histórico, puede hacer esto:
Window.history.back ();
Esto es como un usuario, haga clic en el botón Atrás del navegador.
Del mismo modo, puede seguir adelante, al igual que hacer clic en el botón Reenviar en el navegador, como este:
Window.history.forward ();2. Mover a los registros históricos designados
Al especificar un valor en comparación con la posición de página actual, puede usar el método Go () para cargar la página desde el registro histórico de la sesión actual (el valor del índice de posición de la página actual es 0, la página anterior es -1 y el La siguiente página es 1).
Para retirar una página (equivalente a llamar ()) :):
Window.history.go (-1);
Mueva una página hacia adelante (equivalente a llamar hacia adelante ()):
Window.history.go (1);
Similar, pase el parámetro 2, puede avanzar 2 puntos de registro. Puede ver el valor de atributo de longitud y cuántos puntos de registro hay en la pila de registros históricos:
Window.history.length;2. Modificar el punto de registro histórico
La nueva API de HTML5 ha extendido Window. Historia, haciendo que el punto de registro histórico sea más abierto. Puede almacenar los registros históricos actuales, reemplazar los registros históricos actuales y monitorear los puntos de registro históricos.
1. Almacene el punto de registro histórico actualEl método almacenado es similar a la matriz de la pila (array.push ()), y se agrega un nuevo punto de registro histórico a la ventana. Historia, como ::
// La URL actual es: http://qianduanblog.com/index.htmlvar json = {time: new Date (). El navegador no verifica si la URL existe, pero solo cambia la URL.Después de ejecutar el método PushState, la dirección de URL de la página es http://qianduanblog.com/post -html.
2. Reemplace el punto de registro histórico actualWindow.history.Replacestate es similar a Windows.history.pushstate. agregado al punto de registro. Cuando necesita actualizar el objeto de estado o la URL de la entrada de registro histórico actual en respuesta a ciertas operaciones del usuario, es particularmente apropiado usar el método Replacestate ().
3. Punto de registro histórico de vigilanciaEl punto de registro histórico de monitoreo, se puede considerar el cambio de URL, pero ignorará la parte hash de la URL, escuche la parte hash de la URL, HTML5 tiene una nueva API como Cambio. Este método y el browser en mi blog también se dicen a este método y a CrossBrowler. Puede escuchar los cambios de la URL a través de Window.onpopState, y puede obtener el objeto de estado almacenado en el punto de registro histórico, que es el objeto JSON mencionado anteriormente, como:
// La URL actual es: http://qianduanblog.com/post -htmlwindow.onpopstate = function () {// Obtener el objeto json almacenado en el punto de registro histórico var json = window.history.state; Regrese a: http://qianduanblog.com/index.html // El JSON obtenido es nulo // nuevamente.Vale la pena señalar que: JavaScript Script ejecuta Window.history.PushState y Window.history.replacestate no activa el evento OnPopState.
También es importante tener en cuenta que la reacción del navegador Google y el navegador Firefox en la página por primera vez es diferente.
Lo anterior es la explicación detallada de las operaciones de PushState y PopState de HTML5. tiempo. ¡Muchas gracias por su apoyo al sitio web de VEVB Wulin!