Modelo de objeto del navegador | Explicado
El modelo de objeto del navegador, también conocido como un modelo de objeto que JavaScript usa para comunicarse con el navegador. Bom puede considerarse como un contenedor de objetos que descubren las funcionalidades de un navegador web.
Cuando un navegador accede a un documento, genera un objeto denominado objeto de documento que contiene toda la información relevante sobre el documento y cómo debe aparecer en el navegador. Además del objeto de documento, un navegador utiliza una gran cantidad de objetos y esta enorme colección de objetos se conoce como modelo de objeto del navegador (BOM).
Este modelo no sigue ningún conjunto específico de estándares, pero es implementado por casi todos los navegadores. Los objetos significativos que forman parte del modelo de objeto del navegador (BOM) son;
- Documento
- Historia
- Pantalla
- Navegador
- Ubicación
- Marcos
Los objetos del navegador se clasifican en un cierto orden que BOM utiliza para descubrir las funcionalidades de un navegador web. Objeto de la ventana que denota la ventana del navegador, es el objeto paraguas de BOM, y el resto de los objetos caen debajo del objeto de la ventana. Aquí el objeto de la ventana se ha explicado en detalle.
Objeto de ventana
Un objeto de ventana denota la ventana del navegador y consta de todos los demás objetos del navegador. Todos los navegadores admiten el objeto de la ventana. El objeto de la ventana especifica algunas propiedades y métodos que manejan las funcionalidades del navegador web.
El objeto de la ventana es un objeto global que consta de objetos JavaScript globales, variables (propiedades del objeto de la ventana) y funciones (métodos del objeto de la ventana). Algunos de los métodos de objetos de la ventana son.
alerta()
Se usa para mostrar un cuadro de alerta con un botón OK en la pantalla de la ventana.
ventana.alerta()confirmar()
Se usa para mostrar un cuadro de confirmación con un botón Aceptar y cancelar en la pantalla de la ventana.
ventana.confirmar()inmediato()
Se usa para mostrar un cuadro de diálogo que debe tomar la entrada del usuario.
ventana.inmediato()abierto()
Se usa para abrir una nueva ventana.
ventana.abierto()cerca()
Se usa para cerrar una ventana.
ventana.cerca()setTimeout ()
Se usa para realizar ciertas acciones después de un tiempo específico.
ventana.setTimeout ()Ahora que tenemos una buena comprensión del objeto de la ventana, aprendamos sobre algunos otros objetos de nacimiento importantes.
Objeto de documento
El objeto de documento que es una parte central del modelo de objeto de navegador (BOM) incluye todos los elementos de una página web, como las etiquetas HTML. Este objeto se utiliza para denotar una página web que se ha abierto en el navegador, además, es una propiedad del objeto de la ventana.
Sintaxis
La sintaxis del objeto de documento se da a continuación.
ventana.documentoO,
documentoEjemplo
Producción
Objeto de historia
El objeto del historial 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 usa para cargar páginas web.
Sintaxis
La sintaxis del objeto de la historia es el siguiente.
ventana.historiaO,
historiaAl igual que el objeto de la ventana, el objeto Historial también contiene ciertas propiedades y métodos que se analizan 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 de historial se usa con el fin de devolver la longitud de las URL visitadas.
historia.longitudMétodos
El objeto Historial de JavaScript consta de los siguientes métodos.
adelante()
Se usa con el fin de cargar la página siguiente. Tiene la siguiente sintaxis.
historia.adelante()atrás()
Se usa con el fin de cargar la página anterior. Tiene la siguiente sintaxis.
historia.atrás()ir()
Se usa con el fin de cargar una página usando el número de página. Tiene la siguiente sintaxis.
historia.ir()Objeto de pantalla
El objeto de pantalla contiene toda la información relevante sobre la pantalla del navegador, como altura, ancho, colordeph, disponible, etc.
Sintaxis
La sintaxis del objeto de pantalla se da a continuación.
ventana.pantallaO,
pantallaEl objeto de pantalla consta de algunas propiedades que se explican a continuación.
Propiedades
Las propiedades del objeto de pantalla son las siguientes.
ancho
Se usa para obtener el ancho de la pantalla.
pantalla.anchoaltura
Se usa con el fin de obtener la altura de la pantalla.
pantalla.alturavitalidad
Se usa con el fin de obtener el ancho actual.
pantalla.vitalidaddisponible
Se usa con el fin de devolver la altura actual.
pantalla.disponibleprofundidad del color
Se usa con el fin de mostrar la profundidad del color.
pantalla.profundidad del colorpíxel
Se usa con el fin de mostrar la profundidad del píxel.
pantalla.píxelObjeto de ubicación
El objeto de ubicación consta de la información relevante sobre la URL disponible y, al igual que los objetos de documentos, historial y pantalla, también es una propiedad del objeto de la ventana.
Sintaxis
La sintaxis del objeto de ubicación se proporciona aquí.
ventana.ubicaciónO,
ubicaciónPropiedades
Las propiedades del objeto de ubicación se destacan a continuación
picadillo
Se usa con el fin de devolver o configurar el ancla de la URL.
ubicación.picadilloanfitrión
Se usa con el fin de obtener el nombre de host y el número de puerto de la URL.
ubicación.anfitriónnombre de host
Se usa con el fin de obtener el nombre de host de la URL.
ubicación.nombre de hosthref
Se usa con el fin de devolver o establecer la URL completa.
ubicación.hreforigen
Se utiliza con el fin de obtener el nombre de host, el número de puerto, y también el protocolo de la URL.
ubicación.origennombre de ruta
Se usa con el fin de devolver o configurar el nombre de ruta de la URL.
ubicación.nombre de rutapuerto
Se utiliza con el fin de devolver o configurar el número de puerto de la URL.
ubicación.puertoprotocolo
Se utiliza con el fin de devolver o configurar el protocolo de la URL.
ubicación.protocolobuscar
Se utiliza con el fin de devolver o establecer la consulta de la URL.
ubicación.buscarMétodos
El objeto de ubicación tiene el siguiente conjunto de métodos.
asignar()
Se utiliza con el fin de cargar un nuevo documento.
ubicación.asignar()recargar()
Se usa con el fin de recargar el documento en cuestión.
ubicación.recargar()reemplazar()
Se utiliza con el fin de reemplazar el presente documento con un nuevo documento.
ubicación.reemplazar()Conclusión
Modelo de objeto de navegador, también conocido como un modelo de objeto que JavaScript usa para comunicarse con el navegador y se considera un contenedor de objetos que descubren las funcionalidades de un navegador web. BOM no sigue ningún conjunto específico de estándares, pero es implementado por casi todos los navegadores. Objetos de BOM significativos junto con las propiedades y métodos que comprenden estos objetos se explican en profundidad en este artículo.