JavaScript предоставляет набор объектов с окном в качестве ядра, реализуя контроль доступа в Windows браузера. 6 важных объектов определены в JavaScript:
Окно -объект представляет окно, которое открывается в браузере;
Объект документа представляет объект документа, который загружает страницу в браузере;
Объект местоположения содержит текущую информацию URL -адреса браузера;
Навигационный объект содержит информацию о самом браузере;
Объект экрана содержит информацию о экране клиента и возможностях рендеринга;
Объект истории содержит историческую информацию браузера, доступа к веб -странице.
В дополнение к оконному объекту, остальные пять объектов являются свойствами окна. Их отношения следующие:
1. Объект Windows
Объект Window является глобальным объектом JavaScript, поэтому свойства и методы использования объекта Window не должны быть указаны. Например: предупреждение, полный вызов на самом деле - Window.Alert, который обычно пропускает ссылку на объект окна.
1. Свойства, методы и события объекта Windows
| Имя атрибута | эффект | демо |
|---|---|---|
| имя | Укажите имя окна | |
| родительский | Родительское окно текущего окна (кадр), используя его, чтобы вернуть метод и свойства объекта | |
| новичок | Возвращает объект Window, который производит текущее окно, и использует его для возврата метода и свойств объекта | |
| вершина | Он представляет главное окно, является окном верхнего уровня, а также является родительским окном всех других окон. Методы и свойства текущего окна можно получить через этот объект | |
| Себя | Возвращает объект в текущем окне, через который можно получить методы и свойства текущего окна. | |
| DefaultStatus | Вернуть или установить контент по умолчанию, который будет отображаться в строке состояния браузера | |
| статус | Вернуть или установить указанный контент, который будет отображаться в строке состояния браузера |
| Название метода | эффект | демо |
|---|---|---|
| тревога() | Отображает диалоговое окно оповещения, содержащее сообщение и кнопку OK | |
| подтверждать() | Показать диалоговое окно подтверждения | |
| быстрый() | Отобразить диалоговое окно «Приглашение», предлагая пользователю ввести данные | |
| открыть() | Откройте существующее окно или создайте новое окно и загрузите документ в этом окне | |
| закрывать() | Закрыть открытое окно | |
| vesigate () | Отображать указанную веб -страницу в текущем окне | |
| settimeout () | Установите таймер и вызовите функцию после прохождения указанного интервала времени. | |
| ClearTimeout () | Сбросить указанный таймер | |
| Focus () | Сделать окно -объект получить текущий фокус | |
| Blur () | Сделайте окно -объект потерять свое текущее внимание |
| событие | иллюстрировать | демо |
|---|---|---|
| нагрузка | Происходит, когда HTML -файлы загружаются в браузер | |
| нагрузка | Происходит, когда HTML -файлы удаляются из браузера | |
| Onfocus | Происходит, когда окно получает фокус | |
| Онблур | Происходит, когда окно теряет фокус | |
| Onhelp | Происходит, когда пользователь нажимает клавишу F1 | |
| onresize | Происходит, когда пользователь изменяет размер окна | |
| onscroll | Происходит, когда пользователь прокручивает окно | |
| Onerror | Происходит, когда возникает ошибка при загрузке HTML -файла |
2. Основные функции, предоставленные объектом Window:
Отрегулируйте размер и положение окна, откройте новое окно, поле для подсказок системы, управление строкой состояния и операции времени. Ниже приведены следующие описания этих 5 функций.
(1) Отрегулируйте размер и положение окна
метод | Использование | иллюстрировать |
window.moveby Переместите окно браузера в указанное местоположение (относительное позиционирование) | window.moveby (dx, dy) | Для обеспечения безопасности и хороших пользовательских соображений сценариям JavaScript не разрешается использовать для перемещения окон за пределы визуальной области. Окно браузера всегда должно быть гарантированно находиться в визуальной области экрана. |
Window.moveto Переместите окно браузера в указанное место (Абсолютное позиционирование) | window.moveby (x, y) | Если указанные координаты (x, y) поместите некоторые или все окна за пределы видимой области, окно останется ближе к краю экрана. |
window.resizeby Измените размер окна браузера на указанную ширину и высоту (относительно измените размер окна) | window.resizeby (dw, dh) | |
window.resizeto Измените размер окна браузера на указанную ширину и высоту (абсолютно измените размер окна) | window.resizeto (w, h) | Указанная ширина и высота не могут быть отрицательными |
(2) Откройте новое окно
Использование: window.open ([url], [target], [опции])
URL параметра: URL -адрес загрузится в новое окно. Если параметры не указаны, пустая страница будет загружена по умолчанию. Например: window.open ("test.htm");
Цель -параметр: цель или имя недавно открытого окна
_eswer Загрузите новую страницу в текущее окно
_blank Загрузите новую страницу в новое окно
_parent загружает новую страницу в родительское окно
_top загружает новую страницу в верхнее окно
Параметры параметров: Свойства недавно открытого окна состоит из нескольких параметров, разделенных запятыми, и каждая опция содержит имя и значение опции.
Параметры | иллюстрировать |
высота | Высота окна, единичные пиксели |
ширина | Ширина окна, пиксели с устройством |
левый | Положение левого края окна |
вершина | Положение верхнего края окна |
полноэкранный | Будь полным экраном, значение по умолчанию № |
расположение | Отображать адресную строку, значение по умолчанию - да |
Менубар | Отображать ли строка меню, значение по умолчанию - да |
Помещается | Разрешить ли изменение размера окна, значение по умолчанию - да |
полосы прокрутки | Отображать ли прокрутки, значение по умолчанию да да |
статус | Отображение строки состояния, значение по умолчанию - да |
Титул | Отображение строки заголовка, значение по умолчанию - да |
панель инструментов | Отображать ли панель инструментов, значение по умолчанию - да |
(3) Ящик для системной подсказки
window.alert Отображает поле «Приглашение сообщения», Windage Windage.alert ([Message]); (Примечание: окно -объекты обычно пропущены, а оповещение используется непосредственно)
window.confirm Отображает диалоговое окно подтверждения, которое включает кнопки OK и отменить кнопки.
window.prompt Отображает окно подсказки сообщения, содержащее поле ввода текста.
Использование: window.prompt ([сообщение], [по умолчанию]); Сообщение - это текст, отображаемый в поле «Приглашения», а по умолчанию - значение по умолчанию текстового поля.
(4) Управление стержней состояния
Контролируется через свойство window.status. Например: window.status = "Ошибка Это повлияет на пользовательский опыт, поэтому не рекомендуется изменять информацию о строке состояния.
(5) Работа с времени
Операции времени обычно используются в веб -разработке. В разработке, основанной на технологии AJAX, существует тип приложения, которым необходимо регулярно получить доступ к бэкэнд -серверу и обновлять страницу Frontend. Этот тип реализации приложения обычно зависит от функций операции времени.
Существует четыре функции операции по времени: window.setInterval, window.clearinterval, window.settimeout и windo.cleartimeout. Эти четыре функции являются методами оконных объектов, что означает, что операции времени в браузере завершаются окном браузера. Ниже приведено подробное введение в использование этих четырех методов.
① window.setInterval Устанавливает таймер и выполняет указанное кодовое window.setInterval (код, время);
Описание: Параметр кода может быть функцией или кодом JavaScript в форме строки
Параметр времени - это интервал времени для выполнения кода, а устройство - MS.
② window.clearinterval Очистить таймер, установленный в Window функции SetInterval.clearInterval (время);
③ window.setTimeout Устанавливает таймер и выполняет указанное кодовое window.settimeout (код, время);
Примечание. Параметр кода может быть функцией или кодом JavaScript в форме строки. Разница между SetTimeout и SetInterval заключается в том, что SetTimeout выполняет указанный код только один раз.
Параметр времени - это интервал времени для выполнения кода, а устройство - MS.
④ window.cleartimeout очистить таймер, установленную на установке функции SetTimeOut.clearTimeOut (время);
Приведенное выше подробное объяснение окна объекта, одного из объектов браузера JavaScript, является всем контентом, общим редактором. Я надеюсь, что это может дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.