JavaScript Window - (BOM)
Объектная модель браузера (BOM) позволяет JavaScript "общаться" с браузером.
Объектная модель браузера (БОМ)
Там нет никаких официальных стандартов для Browser Object Model (BOM).
Поскольку современные браузеры реализовали (почти) те же методы и свойства для интерактивности JavaScript, это часто называют методами и свойствами спецификации.
Объект Window
Объект window поддерживается всеми браузерами. Он представляет собой окно браузера.
Все глобальные объекты, функции и переменные JavaScript автоматически становятся членами объекта window.
Глобальные переменные - это свойства объекта window.
Глобальные функции - это методы объекта window.
Даже объект документа (HTML DOM) является свойством объекта window:
window.document.getElementById("header");
такой же как:
document.getElementById("header");
Размер window
Для определения размера окна браузера можно использовать два свойства window.
Оба свойства возвращают размеры в пикселях:
window.innerHeight- внутренняя высота окна браузера (в пикселях)window.innerWidth- внутренняя ширина окна браузера (в пикселях)
Окно браузера (область просмотра) НЕ включает панели инструментов и полосы прокрутки.
Для Internet Explorer 8, 7, 6, 5:
document.documentElement.clientHeightdocument.documentElement.clientWidth- или
document.body.clientHeightdocument.body.clientWidth
Практическое решение JavaScript (охватывающее все браузеры):
Пример
var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
Попробуйте сами »
Пример отображает высоту и ширину окна браузера: (НЕ включая панели инструментов/полосы прокрутки)
Другие методы window
Некоторые другие методы:
window.open()- открыть новое окноwindow.close()- закрыть текущее окноwindow.moveTo()- переместить текущее окноwindow.resizeTo()- изменить размер текущего окна
