El Modelo Examinador de objetos (BOM) permite JavaScript para "hablar con" el navegador.
El Modelo Examinador de objetos (BOM)
No existen normas oficiales para el modelo Examinador de objetos (BOM).
Dado que los navegadores modernos han puesto en práctica (casi) los mismos métodos y propiedades de JavaScript interactividad, que se refiere a menudo, como los métodos y propiedades de la lista de materiales.
La Window de objetos
La window objeto es soportado por todos los navegadores. Representa la ventana del navegador.
Todos los objetos globales de JavaScript, funciones y variables se convierten automáticamente en miembros del objeto ventana.
Las variables globales son propiedades del objeto ventana.
funciones globales son los métodos del objeto ventana.
Incluso el objeto de documento (DOM del HTML) es una propiedad del objeto de la ventana:
window.document.getElementById("header");
es lo mismo que:
document.getElementById("header");
Tamaño de ventana
Dos propiedades se pueden utilizar 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 - la anchura interior de la ventana del navegador (en píxeles)
La ventana del navegador (la ventana del navegador) no está incluyendo barras de herramientas y barras de desplazamiento.
Para Internet Explorer 8, 7, 6, 5:
- document.documentElement.clientHeight
- document.documentElement.clientWidth
- or
- document.body.clientHeight
- document.body.clientWidth
Una solución práctica JavaScript (que abarca todos los navegadores):
Ejemplo
var w = window.innerWidth
|| document.documentElement.clientWidth
||
document.body.clientWidth;
var h = window.innerHeight
||
document.documentElement.clientHeight
|| document.body.clientHeight; Inténtalo tú mismo " El ejemplo muestra la altura de la ventana del navegador y ancho: (NO incluyendo barras de herramientas / barras de desplazamiento)
Otros Window Métodos
Algunos otros métodos:
- window.open() - abrir una nueva ventana
- window.close() - cerrar la ventana actual
- window.moveTo() -Mover la ventana actual
- window.resizeTo() -resize la ventana actual