Презентация «Программирование свойств окна браузера»

Pic.1

Лекция 4. Программирование свойств окна браузера Ст. преподаватель Еремеев А. А. YeremeevAA@mpei. ru

Pic.2

Объект window Класс объектов Window - это самый старший класс в иерархии объектов JavaScript. Объект window создается только в момент открытия окна. Все остальные объекты, которые порождаются при …

Pic.3

Использование window Поскольку объект window является самым старшим, то в большинстве случаев при обращении к его свойствам и методам приставку "window. " можно опускать. Например: можно …

Pic.4

Поле статуса и свойство window. status

Pic.5

Поле статуса window. status - значение поля статуса; window. defaultStatus - значение поля статуса по умолчанию. Разница между этими двумя свойствами заключается в их поведении: если свойству status …

Pic.6

Программирование status Свойство status связано с отображением сообщений о событиях, отличных от простой загрузки страницы. Например, в Internet Explorer при наведении указателя мыши на ссылку …

Pic.7

Пример <A onMouseOver="window. status='Мышь над ссылкой';return true;" onMouseOut="window. status='Мышь увели со ссылки';" HREF="мышь на ссылку и …

Pic.8

Программирование defaultStatus Дополним предыдущий пример изменением этого свойства в момент окончания загрузки документа, т. е. в обработчике onLoad: <BODY onLoad="window. …

Pic.9

Поле адреса и свойство window. location Поле адреса в браузере обычно располагается в верхней части окна и отображает URL загруженного документа. Если пользователь хочет вручную перейти к какой-либо …

Pic.10

Свойства объекта location Тогда свойства объекта location примут следующие значения: window. location. href = "window. location. protocol = "http:" window. location. hostname = …

Pic.11

Методы объекта location Методы объекта location предназначены для управления загрузкой и перезагрузкой страницы. Это управление заключается в том, что можно либо перезагрузить текущий документ (метод …

Pic.12

История посещений (history) История посещений в JavaScript трансформируется в объект window. history. Этот объект указывает на массив URL-страниц, которые пользователь посещал и которые он может …

Pic.13

Тип браузера (navigator) Часто возникает задача настройки страницы на конкретную программу просмотра (браузер). Для определения типа браузера на стороне клиента в арсенале объектов JavaScript …

Pic.14

Пример Пример определения типа программы просмотра: <FORM> <INPUT TYPE=button VALUE="Тип навигатора" onClick="alert(window. navigator. userAgent);"> </FORM>

Pic.15

Применения navigator У объекта navigator есть еще несколько интересных с точки зрения программирования применений. Например, чтобы проверить, поддерживает ли браузер клиента язык Java, достаточно …

Pic.16

Методы объекта window alert() Метод alert() позволяет выдать окно предупреждения, имеющее единственную кнопку "OK": <A HREF="javascript:window. alert …

Pic.17

Методы объекта window prompt() Метод prompt() позволяет принять от пользователя cтроку текста. Синтаксис его таков: prompt("Строка вопроса","Строка ответа по умолчанию") Метод …

Pic.18

Методы объекта window window. open() Метод open() предназначен для создания новых окон . В общем случае его синтаксис выглядит следующим образом: myWin = window. open …

Pic.19

Параметры метода window. open()

Pic.20

Методы объекта window window. close() Метод close() позволяет закрыть окно. Если необходимо закрыть текущее, то: window. close(); self. close(); Если мы открыли окно с помощью метода window. open(), …

Pic.21

Методы объекта window Методы focus() и blur() Метод focus() применяется для передачи фокуса в окно, с которым он использовался. Передача фокуса полезна как при открытии окна, так и при его закрытии, …

Pic.22

Методы объекта window Метод setTimeout() Метод setTimeout() используется для создания нового потока вычислений, исполнение которого откладывается на время (в миллисекундах), указанное вторым …

Pic.23

События объекта window Load - событие происходит в момент, когда загрузка документа в данном окне полностью закончилась. Unload - событие происходит в момент выгрузки страницы из окна. Error - …

Pic.24

События объекта window Blur - событие, противоположное предыдущему, происходит в момент, когда данное окно теряет фокус. Это может произойти в результате действий пользователя либо программными …

Pic.25

Объект document Объект document является важнейшим свойством объекта window (т. е. полностью к нему нужно обращаться как window. document ). Все элементы HTML-разметки, присутствующие на web-странице …

Pic.26

Свойства, методы и события объекта document

Pic.27

Следующая лекция: Программирование формы 12 апреля 2017 года

Скачать презентацию

Если вам понравился сайт и размещенные на нем материалы, пожалуйста, не забывайте поделиться этой страничкой в социальных сетях и с друзьями! Спасибо!