Bom para JavaScript
Ecmascript es el núcleo de JavaScript, pero si desea usar JavaScript en la web, entonces BOM (modelo de objeto de navegador) es sin duda el núcleo real. BOM proporciona muchos objetos para acceder a funciones del navegador que no tienen nada que ver con ningún contenido de la página web. A lo largo de los años, la falta de especificaciones de facto ha hecho que nacida sea interesante y problemática, porque los proveedores de navegadores la extenderán como deseen. Por lo tanto, los objetos compartidos entre los navegadores se convierten en el estándar de facto. Estos objetos existen en el navegador, en gran parte porque proporcionan interoperabilidad con el navegador. Para estandarizar las partes más básicas de JavaScript en el navegador, W3C ha incorporado los aspectos principales de BOM en la especificación HTML5.
PS: Extraído de "JavaScript Advanced Programming", BOM es un objeto de ventana del navegador y proporciona muchas API de procesamiento de ventanas. Con más y más marcos webapp, necesitamos procesar diferentes páginas y diferentes datos de AJAX en la misma ventana, y debemos estar familiarizados con el contenido de la nacimiento de la Lata de BOM.
1. Ventana
El objeto central de BOM es la ventana, que representa una instancia del navegador. En el navegador, el objeto de la ventana tiene un rol doble. Es una interfaz para acceder a la ventana del navegador a través de JavaScript y un objeto global especificado por ECMAScript.
A continuación se muestra la tercera propiedad de cadena de Open
2. Ubicación
La ubicación es uno de los objetos de BOM más útiles, proporciona información sobre los documentos cargados en la ventana actual y también proporciona algunas características de navegación. De hecho, el objeto de ubicación es un objeto muy especial porque es tanto una propiedad del objeto de la ventana como una propiedad del objeto de documento; En otras palabras, Window.location y document.location, consulte el mismo objeto. El uso de un objeto de ubicación no solo se refleja en el hecho de que almacena la información del documento actual, sino también en el hecho de que analiza la URL en fragmentos independientes, lo que permite a los desarrolladores acceder a estos fragmentos a través de diferentes propiedades.
3. Historia
El objeto Historial guarda el historial del usuario de navegar por Internet, desde el momento en que se abre la ventana. Debido a que la historia es una propiedad de un objeto de ventana , cada ventana del navegador, cada página de pestaña e incluso cada marco tiene su propio objeto de historia asociado con un objeto de ventana específico. Por razones de seguridad, los desarrolladores no pueden conocer las URL que los usuarios han navegado. Sin embargo, a través de la lista de páginas visitadas por el usuario, también puede retroceder y avanzar sin conocer la URL real.
4. Navegador
El objeto Navigator introducido por primera vez por Netscape Navigator 2.0 se ha convertido en el estándar de facto para identificar los navegadores de clientes. Aunque otros navegadores también proporcionan la misma información o similar de otras maneras (por ejemplo, Window.ClientFor-Mation en IE e INDOW.OPERA EN OPERA), el objeto Navigator es común a todos los navegadores que admiten JavaScript. Como en el caso de otros objetos de BOM, el objeto Navegador en cada navegador también tiene su propio conjunto de propiedades. La siguiente imagen muestra información más importante sobre Navigator
5. Pantalla
Hay varios objetos en JavaScript que no son muy útiles en la programación, y los objetos de pantalla son uno de ellos. Básicamente, el objeto de pantalla solo se usa para indicar las capacidades del cliente, incluida la información sobre la pantalla fuera de la ventana del navegador, como el ancho y la altura del píxel. El objeto de pantalla en cada navegador contiene diferentes propiedades. La siguiente tabla enumera todas las propiedades y navegadores que admiten las propiedades correspondientes. Solo use el siguiente código para verlo
<! Doctype html> <html> <fead> <script> Console.log (pantalla); </script> </head> <body> Screen </body> </html>