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() and window.resizeTo().

To get the outer height of a window, i.e. the height of the whole browser window, see window.outerHeight.

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

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

innerHeight vs outerHeight illustration

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

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

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

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
innerHeightChrome Полная поддержка 1Edge Полная поддержка 12Firefox Полная поддержка 1
Полная поддержка 1
Нет поддержки 4 — 24
Замечания
Замечания This property was buggy and could give a wrong value before page load in certain circumstances, see bug 641188.
IE Полная поддержка 9Opera Полная поддержка 9Safari Полная поддержка 3WebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4
Полная поддержка 4
Нет поддержки 4 — 24
Замечания
Замечания This property was buggy and could give a wrong value before page load in certain circumstances, see bug 641188.
Opera Android Полная поддержка 10.1Safari iOS Полная поддержка 3Samsung Internet Android Полная поддержка Да

Легенда

Полная поддержка  
Полная поддержка
Смотрите замечания реализации.
Смотрите замечания реализации.

См. также