Objeto de JavaScript

Manual de referencia de JavaScript

Manual de referencia de JS DOM

Objeto Almacenamiento de JS Objeto Window de JavaScript

Atributo innerWidth de Window

innerWidthAtributo de solo lectura que devuelve el ancho del área de contenido de la ventana (viewport) incluyendo la barra de desplazamiento.

UsoouterWidthAtributo que obtiene el ancho completo de la ventana del navegador.

Sintaxis：

window.innerWidth

Ejemplo

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

Prueba y mira‹/›

Compatibilidad del navegador

Los números en la tabla especifican la primera versión de navegador que admite completamente el atributo innerWidth：

Atributo
innerWidth	1	1	9	3	9

Detalles técnicos

Valor devuelto：	Un número que representa el ancho interno del área de contenido de la ventana del navegador en píxeles

Más ejemplos

Mostrar anchura y altura utilizando el evento onresize：

Ejemplo

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

Prueba y mira‹/›

Solución de compatibilidad entre navegadores (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‹/›

Este ejemplo muestra en un solo ejemplo innerWidth, innerHeight, outerWidth y outerHeight:

Ejemplo

var txt = "";
txt　+= "<p>innerWidth: "　+　window.innerWidth　+　"</p>";
txt　+= "<p>innerHeight: "　+　window.innerHeight　+　"</p>";
txt　+= "<p>outerWidth: "　+　window.outerWidth　+　"</p>";
txt　+= "<p>outerHeight: "　+　window.outerHeight　+　"</p>";
document.write(txt);

Prueba y mira‹/›

Referencias relacionadas

Referencia de Window (Ventana):Atributo window.innerHeight

Referencia de Window (Ventana):Atributo window.outerHeight

Referencia de Window (Ventana):Atributo window.outerWidth

Objeto Window de JavaScript

Objeto Almacenamiento de JS Objeto Window de JavaScript