Объект JavaScript

Справочник JavaScript

JS DOM справочник

Объект Storage JS Объект Window JavaScript

Свойство Window innerHeight

innerHeightЧтение свойство возвращает высоту области содержимого окна с полосами прокрутки (viewport).

ИспользованиеouterHeightСвойство��取整个浏览器窗口的高度。

Грамматика:

window.innerHeight

Пример

var h = window.innerHeight;
var w = window.innerWidth;

Проверьте‹/›

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

Числа в таблице указывают на первую версию браузера, которая поддерживает свойство innerHeight:

Свойство
innerHeight	1	1	9	3	9

Технические детали

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

Более примеров

Использование события onresize для отображения высоты и ширины:

Пример

<body onresize="myFunc()">
<script>
function myFunc() {
　　　var w = window.innerWidth;
　　　var h = window.innerHeight;
　　　document.getElementById("para").innerHTML = "Ширина: " + w + "<br>Высота: " + h;
}
</script>

Проверьте‹/›

Многобраузерные решения (для IE8 и более ранних версий используйте clientWidth и clientHeight):

Пример

var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

Проверьте‹/›

Этот пример показывает innerWidth, innerHeight, outerWidth и externalHeight в одном примере:

Пример

var txt = "";
txt += "<p>innerWidth: " + window.innerWidth + "</p>";
txt += "<p>innerHeight: " + window.innerHeight + "</p>";
txt += "<p>outerWidth: " + window.outerWidth + "</p>";
txt += "<p>outerHeight: " + window.outerHeight + "</p>";
document.write(txt);

Проверьте‹/›

См. также

Справка по окну (Window):Свойство window.innerWidth

Справка по окну (Window):Свойство window.outerHeight

Справка по окну (Window):Свойство window.outerWidth

Объект Window JavaScript

Объект Storage JS Объект Window JavaScript