Модель Обозреватель объектов (BOM) позволяет JavaScript, чтобы "поговорить" в браузере.
Модель Обозреватель объектов (BOM)
Там нет никаких официальных стандартов для модели Браузер объектов (BOM).
Так как современные браузеры реализовали (почти) одни и те же методы и свойства для JavaScript интерактивности, он часто упоминается, как методы и свойства спецификации.
Window Object
window объекта поддерживается всеми браузерами. Он представляет собой окно браузера.
Все глобальные объекты JavaScript, функции и переменные автоматически становятся членами объекта окна.
Глобальные переменные свойства объекта окна.
Глобальные функции являются методами объекта окна.
Даже объект документа (в HTML DOM) является свойством объекта окна:
window.document.getElementById("header");
такой же как:
document.getElementById("header");
Размер окна
Два свойства могут быть использованы для определения размера окна браузера.
Оба свойства возвращают размеры в пикселях:
- window.innerHeight - внутренняя высота окна браузера (в пикселях)
- 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 методы
Некоторые другие методы:
- window.open() - открыть новое окно
- window.close() - закрыть текущее окно
- window.moveTo() -Move текущее окно
- window.resizeTo() -resize текущее окно