Окно JavaScript - Модель объекта браузера

Рекомендации по курсу:rowser Object Model (B rowserO bjectM

Браузерная модель объектов (Browser Object Model (BOM)) позволяет JavaScript общаться с браузером.

Официального стандарта для браузерной модели объектов (BOM) не существует.

Современные браузеры уже (почти) реализовали методы и свойства для интерактивности JavaScript, поэтому они часто упоминаются как методы и свойства BOM.

Объект Window

Все браузеры поддерживают window Объект. Он представляет собой окно браузера.

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

Глобальные переменные являются свойствами объекта window.

Глобальные функции являются методами объекта window.

Даже (объект HTML DOM) document является свойством объекта window:

window.document.getElementById("header");

Эквивалентно:

document.getElementById("header");

Размеры окна

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

Эти два свойства возвращают размеры в пикселях:

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

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

Для Internet Explorer 8, 7, 6, 5:

  • document.documentElement.clientHeight
  • document.documentElement.clientWidth

или

  • document.body.clientHeight
  • document.body.clientWidth

Практичное решение JavaScript (для всех браузеров):

Пример

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

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

Этот пример показывает высоту и ширину браузерного окна: (не включая панель инструментов и полосы прокрутки)

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

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

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