пример
Получить высоту и ширину окна: (including toolbars/scrollbars) в (including toolbars/scrollbars) :
var w = window.outerWidth;
var h = window.outerHeight; Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
OuterWidth свойство возвращает внешнюю ширину окна, в том числе всех элементов интерфейса (like toolbars/scrollbars) , (like toolbars/scrollbars) .
OuterHeight свойство возвращает внешнюю высоту окна, в том числе всех элементов интерфейса (like toolbars/scrollbars) , (like toolbars/scrollbars) .
Эти свойства только для чтения.
Совет: Используйте innerWidth и innerHeight свойства , чтобы получить ширину / высоту без панелей инструментов / скроллинга.
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
| Имущество | |||||
|---|---|---|---|---|---|
| outerWidth | 1,0 | 9,0 | 1,0 | 3.0 | 9,0 |
| outerHeight | 1,0 | 9,0 | 1,0 | 3.0 | 9,0 |
Синтаксис
window.outerWidth
window.outerHeightТехнические подробности
| Возвращаемое значение: | A Количество, представляющее внешнюю ширину и / или внешнюю высоту окна браузера, в том числе всех элементов интерфейса, в пикселях |
|---|
Еще примеры
пример
Демонстрация 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>"; Попробуй сам " <Окно объекта