El modelo de objetos del navegador (BOM) permite que JavaScript "hable con" el navegador.
No existen estándares oficiales para el objeto Browser O Modelo Modelo (BOM).
Dado que los navegadores modernos han implementado (casi) los mismos métodos y propiedades para la interactividad de JavaScript, a menudo se denominan métodos y propiedades de la lista de materiales.
El objeto ventana es compatible con todos los navegadores. Representa la ventana del navegador.
Todos los objetos, funciones y variables globales de JavaScript se convierten automáticamente miembros del objeto ventana.
Las variables globales son propiedades del objeto de ventana.
Las funciones globales son métodos del objeto de ventana.
Incluso el objeto documento (del HTML DOM) es una propiedad de la ventana objeto:
window.document.getElementById("header");es lo mismo que:
document.getElementById("header");Se pueden utilizar dos propiedades para determinar el tamaño del navegador. ventana.
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 gráfica del navegador) NO incluye barras de herramientas ni barras de desplazamiento.
let w = window.innerWidth;
let h = window.innerHeight;Pruébelo usted mismo →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Window</h2>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"Browser inner window width: " + window.innerWidth + "px<br>" +
"Browser inner window height: " + window.innerHeight + "px";
</script>
</body>
</html>
Algunos otros métodos:
window.open() - abre una nueva ventana
window.close() - cierra la ventana actual
window.moveTo() - mueve la ventana actual
window.resizeTo() - cambia el tamaño de la ventana actual