Объект Window

Объект Window

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

Если документ содержит фреймы (тег <iframe>), браузер создает объект окна для HTML-документа и дополнительные объекты окон для каждого фрейма.

Свойства объекта Window

Объект Описание
closed Возвращает, было ли окно закрыто.
console Возвращает Объект Console.
defaultStatus Устарел.Устанавливает или возвращает текст по умолчанию в строке состояния окна.
document Возвращает Объект Document.
frameElement Возвращает все фреймы, работающие в окне.
frames Возвращает все окна, работающие в окне.
history Возвращает Объект History.
innerHeight Возвращает высоту области документа в окне.
innerWidth Возвращает ширину области документа в окне.
length Возвращает количество элементов <iframe> в текущем окне.
localStorage Позволяет сохранять пары ключ/значение в веб-браузере. Хранит данные без даты истечения.
location Возвращает Объект Location.
name Устанавливает или возвращает имя окна.
navigator Возвращает Объект Navigator.
opener Возвращает ссылку на окно, создающее текущее окно.
outerHeight Возвращает высоту окна браузера, включая панель инструментов/полосу прокрутки.
outerWidth Возвращает ширину окна браузера, включая панель инструментов/полосу прокрутки.
pageXOffset Возвращает количество пикселей, на которые документ прокручен влево от верхнего левого угла окна.
pageYOffset Возвращает количество пикселей, на которые документ прокручен вниз от верхнего левого угла окна.
parent Возвращает родительское окно текущего окна.
screen Возвращает Объект Screen.
screenLeft Возвращает горизонтальную координату окна относительно экрана.
screenTop Возвращает вертикальную координату окна относительно экрана.
screenX Возвращает горизонтальную координату окна относительно экрана.
screenY Возвращает вертикальную координату окна относительно экрана.
sessionStorage Позволяет сохранять пары ключ/значение в веб-браузере. Хранит данные сессии.
scrollX pageXOffset Альтернативное имя.
scrollY pageYOffset Альтернативное имя.
self Возвращает текущее окно.
status Устарел. Избегайте его использования.
top Возвращает самый верхний браузерный окно.

Методы объекта Window

Метод Описание
alert() Отображает диалоговое окно с сообщением и кнопкой "Подтвердить".
atob() Декодирует строку, закодированную в base-64.
blur() Удаляет фокус из текущего окна.
btoa() Кодирует строку в base-64.
clearInterval() Очищает таймер, установленный с помощью setInterval().
clearTimeout() Очищает таймер, установленный с помощью setTimeout().
close() Закрывает текущее окно.
confirm() Отображает диалоговое окно с сообщением и кнопками "Подтвердить" и "Отмена".
focus() Устанавливает фокус на текущее окно.
getComputedStyle() Определяет применяемый к элементу документа CSS-стиль.
getSelection() Возвращает объект Selection, представляющий выбранный текст.
matchMedia() Возвращает объект MediaQueryList, представляющий указанную строку CSS-медиазапроса.
moveBy() Перемещает окно относительно его текущего положения.
moveTo() Перемещает окно в указанное положение.
open() Открывает новое окно браузера.
print() Печатает содержимое текущего окна.
prompt() Запрашивает ввод простого строки через диалоговое окно.
requestAnimationFrame() Запрашивает у браузера вызов функции для обновления анимации перед следующим ререндерингом.
resizeBy() Изменяет размер окна по указанным пикселям.
resizeTo() Изменяет размер окна до указанных ширины и высоты.
scroll() Устарел.Этот метод был Метод scrollTo() Заменяет.
scrollBy() Документ прокручивается на указанное количество пикселей.
scrollTo() Переместить документ в указанные координаты.
setInterval() Периодически выполнять указанный код.
setTimeout() Выполнить код после указанного времени.
stop() Остановить загрузку окна.

Описание объекта Window

Объект Window представляет браузерное окно или фрейм. В клиентском JavaScript объект Window является глобальным объектом, и все выражения вычисляются в текущей среде. То есть, для ссылки на текущее окно не требуется специальный синтаксис, можно использовать свойства этого окна как глобальные переменные. Например, можно просто write documentа не write window.document.

Таким же образом, можно использовать методы объекта Window как функции, например, просто write alert(), а не Window.alert().

Кроме перечисленных свойств и методов, объект Window реализует все глобальные свойства и методы, определённые ядром JavaScript.

Свойство window объекта Window и свойство selfВсе они указывают на себя. Когда вы хотите явно ссылаться на текущее окно, а не просто неявно ссылаться на него, можно использовать эти два свойства. Кроме этих двух свойств, свойство parent, свойство top и массив frame[] указывают на другие объекты Window, связанные с текущим объектом Window.

Чтобы ссылаться на фрейм в окне, можно использовать следующий синтаксис:

frame[i]		//текущий фрейм текущего окна
self.frame[i]	//текущий фрейм текущего окна
w.frame[i]	//фрейм окна w

Чтобы ссылаться на родительский фрейм (или родительский фрейм), можно использовать следующий синтаксис:

parent		//родительское окно текущего окна
self.parent	//родительское окно текущего окна
w.parent 		//родительское окно окна w

Чтобы ссылаться на任何一个 фрейм, содержащийся в верхнем уровне окна, можно использовать следующий синтаксис:

top		//верхний уровень текущего фрейма
self.top		//верхний уровень текущего фрейма
f.top		//верхний уровень фрейма f

Новый верхний уровень браузерного окна создается методом Window.open(). При вызове этого метода, необходимо сохранить возвращаемое значение open() в переменную, а затем использовать эту переменную для ссылки на новое окно. В верхнем уровне нового окна: свойство openerобратная ссылка указывает на окно, которое её открыло.

В общем, методы объекта Window предназначены для выполнения определённых операций с браузерным окном или фреймом. А метод alert()иметод confirm()и метод promptразличаются, они взаимодействуют с пользователем через простые диалоговые окна.