JavaScript Window-объектная модель обозревателя
Объектная модель обозревателя (BOM) позволяет JavaScript "пообщаться" с браузером.
Объектная модель обозревателя (BOM)
Нет никаких официальных стандартов для Bрядов обжект МOdel (BOM).
Так как современные браузеры реализовали (почти) те же методы и свойства для интерактивности JavaScript, они часто называются методами и свойствами спецификации.
Объект Window
Объект Window поддерживается всеми обозревателями. Он представляет окно обозревателя.
Все глобальные объекты JavaScript, функции и переменные автоматически становятся членами объекта Window.
Глобальные переменные являются свойствами объекта Window.
Глобальные функции — это методы объекта Window.
Даже объект Document (HTML DOM) является свойством объекта Window:
window.document.getElementById("header");
такой же, как:
document.getElementById("header");
Размер окна
Для определения размера окна обозревателя можно использовать два свойства.
Оба свойства возвращают размеры в пикселях:
- Window. иннерхеигхт-внутренняя высота окна браузера (в пикселях)
- Window. innerWidth-внутренняя ширина окна браузера (в пикселях)
Окно обозревателя (видовой экран обозревателя) не включает панели инструментов и полосы прокрутки.
Для Internet Explorer 8, 7, 6, 5:
- document.documentElement.clientHeight
- document.documentElement.clientWidth
- or
- 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() - изменение размера текущего окна