Ventana de JavaScript : el modelo de objetos del navegador
El modelo de objetos del navegador (BOM) permite que JavaScript "hable con" el navegador.
El modelo de objetos del navegador (BOM)
No existen estándares oficiales para el modelo de objetos de navegador ( BOM ).
Dado que los navegadores modernos han implementado (casi) los mismos métodos y propiedades para la interactividad de JavaScript, a menudo se los denomina métodos y propiedades de la lista de materiales.
El objeto de la ventana
El window
objeto es compatible con todos los navegadores. Representa la ventana del navegador.
Todos los objetos, funciones y variables globales de JavaScript se convierten automáticamente en miembros del objeto de ventana.
Las variables globales son propiedades del objeto ventana.
Las funciones globales son métodos del objeto ventana.
Incluso el objeto del documento (del HTML DOM) es una propiedad del objeto de la ventana:
window.document.getElementById("header");
es lo mismo que:
document.getElementById("header");
Tamaño de ventana
Se pueden usar dos propiedades para determinar el tamaño de la ventana del navegador.
Ambas propiedades devuelven los tamaños en píxeles:
window.innerHeight
- la altura interior de la ventana del navegador (en píxeles)window.innerWidth
- el ancho interior de la ventana del navegador (en píxeles)
La ventana del navegador (la ventana del navegador) NO incluye barras de herramientas ni barras de desplazamiento.
Ejemplo
let w = window.innerWidth;
let h = window.innerHeight;
Otros métodos de ventana
Algunos otros métodos:
window.open()
- abrir una nueva ventanawindow.close()
- cerrar la ventana actualwindow.moveTo()
- mover la ventana actualwindow.resizeTo()
- cambiar el tamaño de la ventana actual