Objeto de JavaScript

Manual de referencia de JavaScript

Manual de referencia de JS DOM

Objeto Almacenamiento de JS Objeto Window de JavaScript

Atributo innerHeight de Window

innerHeightAtributo de solo lectura que devuelve la altura del área de contenido del viewport (ventana de desplazamiento) que incluye la barra de desplazamiento.

UsoouterHeightAtributo que obtiene la altura total de la ventana del navegador.

Sintaxis：

window.innerHeight

Ejemplo

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

Prueba y mira‹/›

Compatibilidad del navegador

El número en la tabla especifica la primera versión de navegador que admite completamente el atributo innerHeight：

Atributo
innerHeight	1	1	9	3	9

Detalles técnicos

Valor devuelto：	Un número que representa la altura interna del área de contenido 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 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‹/›

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.innerWidth

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