пример
Получить высоту окна и ширину: (NOT including toolbars/scrollbars) :
var w = window.innerWidth;
var h = window.innerHeight;
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
InnerWidth свойство возвращает внутреннюю ширину области содержимого окна.
InnerHeight свойство возвращает внутреннюю высоту области содержимого окна.
Эти свойства только для чтения.
Совет: Используйте outerWidth и outerHeight свойства , чтобы получить ширину / высоту с панелями инструментов / скроллинга.
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
| Имущество | |||||
|---|---|---|---|---|---|
| innerWidth | 1,0 | 9,0 | 1,0 | 3.0 | 9,0 |
| innerHeight | 1,0 | 9,0 | 1,0 | 3.0 | 9,0 |
Note: Для IE8 и ранее, вы можете использовать clientWidth и clientHeight свойства (See "More Examples" below) .
Синтаксис
window.innerWidth
window.innerHeightТехнические подробности
| Возвращаемое значение: | A Количество, представляющий внутреннюю ширину и / или внутреннюю высоту области содержимого окна браузера, в пикселях |
|---|
Еще примеры
пример
Решение кросс-браузер (с использованием clientWidth и clientHeight для IE8 и ранее):
var w = window.innerWidth
|| document.documentElement.clientWidth
||
document.body.clientWidth;
var h = window.innerHeight
||
document.documentElement.clientHeight
|| document.body.clientHeight; Попробуй сам " пример
Демонстрация innerWidth, innerHeight, outerWidth и outerHeight в одном примере:
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>"; Попробуй сам " <Окно объекта