Объект JavaScript

Справочник JavaScript

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

Объект хранения JS Объект окна JavaScript

Свойство innerWidth окна

innerWidthЧтение свойство возвращает ширину области содержимого окна (вьюпорта) включая полосы прокрутки.

ИспользованиеouterWidthСвойство получает ширину всего браузерного окна.

Синтаксис:

window.innerWidth

Пример

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

Проверьте, пожалуйста‹/›

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

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

Свойство
innerWidth	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.innerHeight

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

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

Объект окна JavaScript

Объект хранения JS Объект окна JavaScript