El de solo lectura innerHeight
propiedad de la Window
La interfaz devuelve la altura interior de la ventana en píxeles, incluida la altura de la barra de desplazamiento horizontal, si está presente.
El valor de innerHeight
se toma desde la altura de la ventana ventana gráfica de diseño. El ancho se puede obtener utilizando el innerWidth
propiedad.
Sintaxis
let intViewportHeight = window.innerHeight;
Valor
Un valor entero que indica la altura de la ventana gráfica de diseño de la ventana en píxeles. La propiedad es de solo lectura y no tiene un valor predeterminado.
Para cambiar el ancho de la ventana, llame a uno de sus métodos de cambio de tamaño, como resizeTo()
o resizeBy()
.
Notas de uso
Para obtener la altura de la ventana menos su barra de desplazamiento horizontal y cualquier borde, use la raíz <html>
elementos clientHeight
propiedad en su lugar.
Ambos innerHeight
y innerWidth
están disponibles en cualquier ventana o cualquier objeto que se comporte como una ventana, como una pestaña o un marco.
Ejemplo
Asumiendo un conjunto de marcos
var intFrameHeight = window.innerHeight; // or var intFrameHeight = self.innerHeight; // will return the height of the frame viewport within the frameset var intFramesetHeight = parent.innerHeight; // will return the height of the viewport of the closest frameset var intOuterFramesetHeight = top.innerHeight; // will return the height of the viewport of the outermost frameset
Para cambiar el tamaño de una ventana, consulte window.resizeBy()
y window.resizeTo()
.
Para obtener la altura exterior de una ventana, es decir, la altura de toda la ventana del navegador, consulte window.outerHeight
.
Ejemplo gráfico
La siguiente figura muestra la diferencia entre outerHeight
y innerHeight
.
Especificaciones
Especificación | Estado | Comentario |
---|---|---|
Módulo de vista del modelo de objetos CSS (CSSOM) La definición de ‘window.innerHeight’ en esa especificación. |
Borrador de trabajo | Definición inicial |
Compatibilidad del navegador
Escritorio | Móvil | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Cromo | Borde | Firefox | explorador de Internet | Ópera | Safari | WebView Android | Chrome Android | Firefox para Android | Opera Android | Safari en IOS | Internet de Samsung | |
innerHeight |
1 | 12 |
1 4-24 Esta propiedad tenía errores y podría dar un valor incorrecto antes de cargar la página en determinadas circunstancias, consulte error 641188. |
9 | 9 | 3 | 1 | 18 |
4 4-24 Esta propiedad tenía errores y podría dar un valor incorrecto antes de cargar la página en determinadas circunstancias, consulte error 641188. |
10.1 |
1 Esta propiedad devuelve la altura del ventana visual en lugar de la ventana gráfica de diseño. Ver este error para detalles. |
1.0 |
Ver también
window.innerWidth
window.outerHeight
window.outerWidth