window.innerHeight
Baseline
Ampliamente disponible
Esta característica está consolidada y funciona en muchos dispositivos y versiones de navegador. Está disponible en todos los navegadores desde julio de 2015.
Propiedad solo lectura del objeto window.
Representa la altura (en pixeles) del viewport
Sintaxis
var alturaDelViewport = window.innerHeight;
Valor
Como retorno, la propiedad innerHeight del objeto window nos retornara un valor de tipo entero, que representara (en pixeles) la altura del viewport.
La propiedad window.innerHeight es solo de lectura; Y no tiene un valor por defecto.
Notas
La propiedad innerHeight es soportada por cualquier objeto de ventana. Pudiendo ejectutarse en un conjunto de marcos (<frameset> </frameset>). O en una ventana secundaria.
Es un algoritmo para obtener la altura del viewport, excluyendo si se representa la barra de desplazamiento horizontal
Ejemplo
Asumiendo un frameset
var alturaViewport = window.innerHeight;
var alturaViewport = self.innerHeight;
// self es window
otra forma de obtener la altura (aúnque, no del viewport, síno de la ventana), es usando la propiedad outerHeight, del objeto window.
Ejemplo (Grafica)
Especificaciones
| Especificación |
|---|
| CSSOM View Module # dom-window-innerheight |