Window.innerHeight

Высота (в пикселях) области просмотра окна браузера, включая, если отображается, горизонтальную полосу прокрутки.

Синтаксис

var intViewportHeight = window.innerHeight;

Значение

По возвращению, intViewportHeight это высота области просмотра окна браузера.

Свойство window.innerHeight доступно только для чтения; у него нет значения по умолчанию.

Примечания

Свойство innerHeight поддерживается в любом объекте окна, например window, фрейме, наборе фреймов или вторичном окне.

Существует алгоритм для получения высоты области просмотра, включая, если отображается, горизонтальную полосу прокрутки.

Пример

Assuming a frameset

var intFrameHeight = window.innerHeight; // or

var intFrameHeight = self.innerHeight;
// вернёт высоту окна просмотра кадра в наборе кадров

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

FIXME: link to an interactive demo here

To change the size of a window, see window.resizeBy() (en-US) and window.resizeTo() (en-US).

To get the outer height of a window, i.e. the height of the whole browser window, see window.outerHeight (en-US).

Графический пример

На следующем рисунке показана разница между externalHeight и innerHeight.

innerHeight vs outerHeight illustration

Спецификации

Спецификация Статус Комментарий
CSS Object Model (CSSOM) View Module
Определение 'window.innerHeight' в этой спецификации.
Рабочий черновик Начальное определение.

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также