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.

innerHeight frente a la ilustración de externalHeight

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