Окно JavaScript

Объектная модель браузера (BOM)

Официальных стандартов для объекта Browser O не существует. Модель(BOM).

Поскольку в современных браузерах реализованы (почти) те же методы и свойства для интерактивности JavaScript, их часто называют методами и свойства спецификации.

Объект «Окно»

Объект window поддерживается всеми браузерами. Это представляет окно браузера.

Все глобальные объекты, функции и переменные JavaScript автоматически становятся члены объекта окна.

Глобальные переменные — это свойства объекта окна.

Глобальные функции — это методы объекта окна.

Даже объект документа (в HTML DOM) является свойством окна. объект:

window.document.getElementById("header");

такой же как:

document.getElementById("header");

Размер окна

Для определения размера браузера можно использовать два свойства. окно.

Оба свойства возвращают размеры в пикселей:

window.innerHeight — внутренняя высота окна браузера (в пикселях)
window.innerWidth — внутренняя ширина окна браузера (в пикселях)

Окно браузера (окно просмотра браузера) НЕ включает в себя панели инструментов и полосы прокрутки.

Пример

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

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Window</h2>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"Browser inner window width: " + window.innerWidth + "px<br>" +
"Browser inner window height: " + window.innerHeight + "px";
</script>

</body>
</html>

Другие оконные методы

Некоторые другие методы:

window.open() — открыть новое окно
window.close() — закрыть текущее окно
window.moveTo() — переместить текущее окно
window.resizeTo() — изменить размер текущего окна