ventana.Objeto de historia | Explicado

El modelo de objeto del navegador (BOM) es un modelo JavaScript que utiliza varios objetos para comunicarse con el navegador. Estos objetos ayudan a descubrir las funcionalidades de un navegador web. Hay muchos objetos significativos que forman parte del modelo de objeto del navegador (BOM), como el objeto de pantalla, el objeto de historia, el objeto de ubicación, el objeto de navegación, etc. Sin embargo, esta publicación está diseñada para enfatizar la importancia de Objeto de historia solo.

Objeto de historia

Este objeto denota el historial de navegación web de un usuario en forma de matrices que consiste en las URL que el usuario visitó. Este objeto se utiliza para cargar páginas web, además, es una propiedad del objeto de la ventana.

Sintaxis
Tiene la siguiente sintaxis.

ventana.historia

O,

historia

El objeto de la historia consta de ciertas propiedades y métodos que definen sus funcionalidades. Estos se explican en detalle a continuación.

Propiedades
El objeto Historial de JavaScript consiste solo en una propiedad que es la siguiente.

longitud
La propiedad de longitud del objeto Historial se utiliza para obtener el número total de páginas visitadas por el usuario en la sesión de navegación en curso. Si el usuario no ha visitado ninguna página web, esta propiedad devolverá 1, correspondiente a la página web actual.

Sintaxis
La sintaxis de la propiedad de longitud se proporciona a continuación.

historia.longitud

Ejemplo
Supongamos que desea obtener la cantidad de páginas web que visitó en la sesión de navegación actual.

Número total de páginas web visitadas por el usuario:

En el ejemplo anterior, la propiedad de longitud del objeto de historial se está utilizando para extraer el número total de URL visitadas en la sesión actual.

Deja longitud = ventana.historia.longitud;
documento.getElementById ("Tutorial").innerhtml = longitud;

Producción

Usando la propiedad de longitud, se obtiene el número total de páginas web visitadas.

Métodos
El objeto Historial de JavaScript consta de los siguientes métodos.

adelante()
Se usa con el fin de cargar la página siguiente (si existe una página siguiente). El navegador llama a este método de forma predeterminada cuando el usuario hace clic en el botón Reenviar en el navegador, sin embargo, también podemos hacerlo manualmente.

Sintaxis
Tiene la siguiente sintaxis.

historia.adelante()

Ejemplo
Supongamos que desea visitar la página siguiente en la lista de historial utilizando el método Forward () del objeto Historial.

Próximo

En el ejemplo anterior, se está creando un botón con un evento de clic. Al hacer clic en ella, se cargará la página siguiente en el historial de navegación.

atrás()
Se usa con el fin de cargar la página anterior (si hay una página anterior). El navegador llama a este método de forma predeterminada cuando el usuario hace clic en el botón Atrás en el navegador, sin embargo, también podemos realizarlo manualmente.

Sintaxis
Tiene la siguiente sintaxis.

historia.atrás()

Ejemplo
Supongamos que desea cargar la página anterior en la lista de historial de navegación utilizando el método Back () del objeto Historial.

Atrás

En el ejemplo anterior, se está creando un botón con un evento de clic. Al hacer clic en ella, se cargará la página anterior en la lista de historial.

ir()
Se utiliza con el fin de cargar una página particular en la lista de historial de Browning utilizando el número de página.

Sintaxis
Tiene la siguiente sintaxis.

Ejemplo

Supongamos que desea cargar una página que es 3 páginas en ese momento, usar el siguiente código.

Mover 3 páginas atrás

En el ejemplo anterior, se está creando un botón con un evento de clic, y hacer clic en el botón le llevará 3 páginas atrás.

Puntos para recordar!

1. Para recargar el historial de uso de la página actual.ir (0).
2. No hay ninguna diferencia entre la historia.hacia adelante () e historia.ir (1).
3. No hay ninguna diferencia entre la historia.Atrás () e historia.GO (-1).

Conclusión

El objeto Historial (propiedad del objeto de la ventana) denota el historial de navegación web de un usuario en forma de matrices que consiste en las URL que el usuario visitó. Consiste en muchas propiedades y métodos, como la propiedad de longitud, se utiliza para obtener el número de páginas web visitadas por el usuario, el método de avance () se utiliza para cargar la página siguiente, el método de regreso () se utiliza para cargar la página anterior y ir () El método se utiliza para cargar una página específica utilizando el número de página. Estas propiedades y métodos se destacan en este artículo junto con ejemplos adecuados.