Tutoriales básicos de JavaScript

Objetos de JavaScript

Funciones de JavaScript

HTML DOM JS

BOM del navegador JS

Tutoriales básicos de AJAX

Manual de referencia de JavaScript

Pantalla de Ventana JS Navegación de JS DOM

Modelo de Objetos de Navegador de Ventana JS

La ventana puede ser la ventana principal, la estructura de cuadros o un solo cuadro, incluso puede ser una nueva ventana creada con JavaScript.

objeto window

elwindowobjeto representa la ventana en el navegador. El objeto window se crea automáticamente por el navegador.

Todas las variables globales son propiedades, las funciones son métodos del objeto window.

Todos los objetos JavaScript globales, funciones y variables se convierten automáticamente en miembros del objeto window.

El objeto de documento es una propiedad del objeto window. Por lo tanto, ingrese

window.document.write("Hello　world")

es igual a la siguiente

document.write("Hello　world")

cálculo del tamaño de la ventana

el objeto window proporciona2propiedades para encontrar el ancho y la altura de la ventana de visualización del navegador.

Ambas propiedades devuelven el tamaño en píxeles：

window.innerWidth -Anchura interna de la ventana del navegador (en píxeles)
window.innerHeight -Altura interna de la ventana del navegador (en píxeles)

Este es un ejemplo de cómo mostrar el tamaño actual de la ventana de visualización：

Ejemplo

var　h　=　window.innerHeight;
var　w　=　window.innerWidth;

Prueba y mira‹/›

para Internet Explorer 5、6、7、8：

document.documentElement.clientWidth
document.documentElement.clientHeight

document.body.clientWidth
document.body.clientHeight

Solución de navegadores cruzados (para IE8y versiones anteriores que utilizan clientWidth y clientHeight）：

Ejemplo

var　h　=　window.innerHeight
||　document.documentElement.clientHeight
||　document.body.clientHeight;
var　w　=　window.innerWidth
||　document.documentElement.clientWidth
||　document.body.clientWidth;

Prueba y mira‹/›

Mostrar altura y anchura usando el evento onresize:

Ejemplo

<body　onresize="myFunc()">
<script>
function　myFunc()　{
　　　var　w　=　window.innerWidth;
　　　var　h　=　window.innerHeight;
　　　document.getElementById("para").innerHTML　=　"Anchura:　"　+　w　+　"<br>Altura:　"　+　h;
}
</script>

Prueba y mira‹/›

Abrir nueva ventana

window.open()El método abrirá una nueva ventana del navegador y cargará el documento especificado en la misma.

Los siguientes ejemplos se abrirán en una nueva ventana con altura y anchura especificadas “ es.oldtoolbag.com":

Ejemplo

window.open("https://es.oldtoolbag.com",　"",　"width=400,　height=300");

Prueba y mira‹/›

Referencia completa de ventana

Para obtener una referencia completa de propiedades y métodos, consulte nuestroReferencia del objeto de ventana de JavaScript>.

La parte de referencia contiene todas las descripciones y ejemplos de propiedades y métodos de ventana.

Pantalla de Ventana JS Navegación de JS DOM