Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.

Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

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

Содержание

Класс объектов Window - это самый старший класс в иерархии объектов JavaScript.Объект window создается только в момент открытия окна. Все остальные объекты, которые порождаются при загрузке страницы, есть свойства объекта window. Объект window
Лекция 4.  Программирование свойств окна браузераСт. преподаватель Еремеев А.А.YeremeevAA@mpei.ru Класс объектов Window - это самый старший класс в иерархии объектов JavaScript.Объект window создается только в момент открытия Поскольку объект window является самым старшим, то в большинстве случаев при обращении к его свойствам Поле статуса и свойство window.status window.status - значение поля статуса;window.defaultStatus - значение поля статуса по умолчанию.Разница между этими двумя Свойство status связано с отображением сообщений о событиях, отличных от простой загрузки страницы.Например, в Internet Наведите мышь на ссылку и следите за полем статусаПример Дополним предыдущий пример изменением этого свойства в момент окончания загрузки документа, т.е. Поле адреса в браузере обычно располагается в верхней части окна и отображает http://www.site.ru:80/dir/page.cgi?product=phone&id=3#markТогда свойства объекта location примут следующие значения:window.location.href = История посещений в JavaScript трансформируется в объект window.history.Этот объект указывает на массив URL-страниц, Часто возникает задача настройки страницы на конкретную программу просмотра (браузер). Для определения Пример определения типа программы просмотра:Пример У объекта navigator есть еще несколько интересных с точки зрения программирования применений. Например, чтобы alert()Метод alert() позволяет выдать окно предупреждения, имеющее единственную кнопку prompt()Метод prompt() позволяет принять от пользователя cтроку текста. Синтаксис его таков:prompt( window.open()Метод open() предназначен для создания новых окон . В общем случае его синтаксис выглядит следующим образом:myWin Параметры метода window.open() window.close()Метод close() позволяет закрыть окно. Если необходимо закрыть текущее, то:window.close();self.close();Если мы открыли окно с Методы focus() и blur()Метод focus() применяется для передачи фокуса в окно, с которым он Метод setTimeout()Метод setTimeout() используется для создания нового потока вычислений, исполнение которого откладывается на время Load - событие происходит в момент, когда загрузка документа в данном окне полностью Blur - событие, противоположное предыдущему, происходит в момент, когда данное окно теряет фокус. Объект document является важнейшим свойством объекта window (т.е. полностью к нему нужно обращаться как window.document ). Все элементы Свойства, методы и события объекта document Следующая лекция: Программирование формы12 апреля 2017 года
Слайды презентации

Слайд 2 Класс объектов Window - это самый старший класс в иерархии объектов JavaScript.
Объект window создается

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

только в момент открытия окна. Все остальные объекты, которые

порождаются при загрузке страницы, есть свойства объекта window.

Объект window

Слайд 3 Поскольку объект window является самым старшим, то в большинстве случаев при

Поскольку объект window является самым старшим, то в большинстве случаев при обращении к его

обращении к его свойствам и методам приставку "window." можно

опускать. Например:
можно писать alert('Привет') вместо window.alert('Привет').
Исключениями из этого правила являются вызовы методов open() и close(), у которых нужно указывать имя окна, с которым работаем (родительское в первом случае и дочернее во втором).

Использование window

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

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

Слайд 5 window.status - значение поля статуса;
window.defaultStatus - значение поля статуса по

window.status - значение поля статуса;window.defaultStatus - значение поля статуса по умолчанию.Разница между этими

умолчанию.
Разница между этими двумя свойствами заключается в их поведении:

если свойству status присвоить пустую строку: window.status="", то в поле статуса автоматически будет отображено значение defaultStatus. Обратного же не происходит.

Поле статуса

Слайд 6 Свойство status связано с отображением сообщений о событиях, отличных от

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

простой загрузки страницы.
Например, в Internet Explorer при наведении указателя мыши на

ссылку обработчик onMouseOver помещает в поле статуса значение URL, указанное в атрибуте HREF этой ссылки (при этом никак не меняя значения свойств status и defaultStatus ).

Программирование status

Слайд 7

Наведите мышь на ссылку и следите за полем статусаПример

ссылки';"
HREF="http://site.com/">Наведите мышь на ссылку и следите за

полем статуса

Пример

Слайд 8 Дополним предыдущий пример изменением этого свойства в момент

Дополним предыдущий пример изменением этого свойства в момент окончания загрузки документа,

окончания загрузки документа, т.е. в обработчике onLoad:

onMouseOver="window.status='Мышь над ссылкой';return true;"
onMouseOut="window.status='Мышь увели со ссылки'; alert('Ждем');"
HREF="http://site.com/">Наведите мышь на ссылку и следите за полем статуса


Программирование defaultStatus

Слайд 9 Поле адреса в браузере обычно располагается в верхней

Поле адреса в браузере обычно располагается в верхней части окна и

части окна и отображает URL загруженного документа. Если пользователь

хочет вручную перейти к какой-либо странице (набрать ее URL), он делает это в поле адреса.

Поле адреса и свойство window.location

Слайд 10 http://www.site.ru:80/dir/page.cgi?product=phone&id=3#mark

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

http://www.site.ru:80/dir/page.cgi?product=phone&id=3#markТогда свойства объекта location примут следующие значения:window.location.href =

"http://www.site.ru:80/dir/page.cgi?product=phone&id=3#mark"
window.location.protocol = "http:"
window.location.hostname = "www.site.ru"
window.location.port = 80
window.location.host

= "www.site.ru:80"
window.location.pathname = "dir/page.cgi"
window.location.search = "?product=phone&id=3"
window.location.hash = "#mark"

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

Слайд 11 Методы объекта location предназначены для управления загрузкой и перезагрузкой страницы.

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

Это управление заключается в том, что можно либо перезагрузить

текущий документ (метод reload() ), либо загрузить новый (метод replace() ).

Используя объект location, перейти на новую страницу можно двумя способами:
window.location.href="http://www.newsite.ru/";
window.location.replace("http://www.newsite.ru/");

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

Слайд 12 История посещений в JavaScript трансформируется в объект window.history.
Этот объект

История посещений в JavaScript трансформируется в объект window.history.Этот объект указывает на массив

указывает на массив URL-страниц, которые пользователь посещал и которые

он может получить, выбрав из меню браузера режим Go. Методы объекта history позволяют загружать страницы, используя URL из этого массива.


Данный код отображает кнопку "Назад", нажав на которую, мы вернемся на предыдущую страницу. Аналогичным образом действует метод history.forward().

История посещений (history)

Слайд 13 Часто возникает задача настройки страницы на конкретную программу

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

просмотра (браузер). Для определения типа браузера на стороне клиента

в арсенале объектов JavaScript существует объект window.navigator.

Тип браузера (navigator)

Слайд 14 Пример определения типа программы просмотра:

Пример определения типа программы просмотра:Пример


onClick="alert(window.navigator.userAgent);">


Пример

Слайд 15 У объекта navigator есть еще несколько интересных с точки зрения

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

программирования применений. Например, чтобы проверить, поддерживает ли браузер клиента

язык Java, достаточно вызвать метод navigator.javaEnabled(),возвращающий значение true, если поддерживает, и false в противном случае.
Можно проверить, какие форматы графических файлов поддерживает браузер, воспользовавшись свойством navigator.mimeTypes (оно представляет собой массив всех типов MIME, которые поддерживаются данным браузером).

Применения navigator

Слайд 16 alert()
Метод alert() позволяет выдать окно предупреждения, имеющее единственную кнопку "OK":

alert()Метод alert() позволяет выдать окно предупреждения, имеющее единственную кнопку

('Внимание')">Повторите запрос!
confirm()
Метод confirm() позволяет задать пользователю вопрос, на который тот может

ответить либо положительно (нажав кнопку "OK"), либо отрицательно (нажав кнопку "Отмена" или "Cancel", либо просто закрыв окно запроса). В соответствии с действиями пользователя метод confirm() возвращает значение true либо false.

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

Слайд 17 prompt()
Метод prompt() позволяет принять от пользователя cтроку текста. Синтаксис его

prompt()Метод prompt() позволяет принять от пользователя cтроку текста. Синтаксис его таков:prompt(

таков:
prompt("Строка вопроса","Строка ответа по умолчанию")

Метод prompt() возвращает полученную строчку в качестве

значения, которое можно далее присвоить любой переменной и потом разбирать ее в JavaScript-программе.


onClick="document.f.e.value=
window.prompt('Введите сообщение','Сюда');">


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

Слайд 18 window.open()
Метод open() предназначен для создания новых окон . В общем случае его

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

синтаксис выглядит следующим образом:
myWin = window.open ("URL","имя_окна", "параметр=значение,параметр=значение,...", заменить);

Методы

объекта window

Слайд 19 Параметры метода window.open()

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

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

Если

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

мы открыли окно с помощью метода window.open(), то из скрипта,

работающего в новом окне, сослаться на окно-родитель можно с помощью window.opener. Поэтому, если необходимо закрыть родительское окно, т.е. окно, из которого было открыто текущее, то:
window.opener.close();

Если необходимо закрыть произвольное окно, то тогда сначала нужно получить его идентификатор:
id=window.open();
...
id.close();

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

Слайд 21 Методы focus() и blur()
Метод focus() применяется для передачи фокуса в

Методы focus() и blur()Метод focus() применяется для передачи фокуса в окно, с которым

окно, с которым он использовался. Передача фокуса полезна как

при открытии окна, так и при его закрытии, не говоря уже о случаях, когда нужно выбирать окна.
Чтобы увести фокус из определенного окна, необходимо применить метод myWin.blur(). Например, чтобы увести фокус с текущего окна, где выполняется скрипт, нужно вызвать window.blur().

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

Слайд 22 Метод setTimeout()
Метод setTimeout() используется для создания нового потока вычислений, исполнение

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

которого откладывается на время (в миллисекундах), указанное вторым аргументом:
idt

= setTimeout("JavaScript_код",Time);
Типичное применение этой функции - организация периодического изменения свойств объектов. Например, можно запустить часы в поле формы.
Метод clearTimeout()
Метод clearTimeout() позволяет уничтожить поток, вызванный методом setTimeout() .

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

Слайд 23 Load - событие происходит в момент, когда загрузка документа

Load - событие происходит в момент, когда загрузка документа в данном окне

в данном окне полностью закончилась.
Unload - событие происходит в момент

выгрузки страницы из окна.
Error - событие происходит при возникновении ошибки в процессе загрузки страницы.
Focus - событие происходит в момент, когда окну передается фокус.

События объекта window

Слайд 24 Blur - событие, противоположное предыдущему, происходит в момент, когда

Blur - событие, противоположное предыдущему, происходит в момент, когда данное окно теряет

данное окно теряет фокус. Это может произойти в результате

действий пользователя либо программными средствами - вызовом метода window.blur().
Resize - событие происходит при изменении размеров окна пользователем либо сценарием.

События объекта window

Слайд 25 Объект document является важнейшим свойством объекта window (т.е. полностью к нему нужно

Объект document является важнейшим свойством объекта window (т.е. полностью к нему нужно обращаться как window.document ). Все

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

текст, абзацы, гиперссылки, картинки, списки, таблицы, формы и т.д. - являются свойствами объекта document.

Объект document

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

Свойства, методы и события объекта document
  • Имя файла: programmirovanie-svoystv-okna-brauzera.pptx
  • Количество просмотров: 102
  • Количество скачиваний: 0
- Предыдущая Эффективность комбинации альверина цитрата и симетикона в купировании боли и дискомфорта при синдроме раздраженного кишечника
Следующая - Контроль качества!

Похожие презентации

Компьютерная графика Компьютерная графика 117
История латинской раскладки клавиатуры QWERTY История латинской раскладки клавиатуры QWERTY 83
Компьютерные вирусы и антивирусные программы Компьютерные вирусы и антивирусные программы 83
Презентация: ОБРАБОТКА ГРАФИЧЕСКОЙ ИНФОРМАЦИИ. Презентация: ОБРАБОТКА ГРАФИЧЕСКОЙ ИНФОРМАЦИИ. 178
Файлы и файловая системы Файлы и файловая системы 110
Количество Информации для задач Количество Информации для задач 112
Презентация Пример готового буктрейлера для учителя литературы Презентация Пример готового буктрейлера для учителя литературы 126
Урок Перевод чисел из десятичной системы счисления в двоичную и наоборот Урок Перевод чисел из десятичной системы счисления в двоичную и наоборот 121
Mobile VR Mobile VR 116
MSC.Dytran - 14 MSC.Dytran - 14 110
Модель OSI Модель OSI 107
Электронная почта. Техника безопасности при работе с электронной почтой Электронная почта. Техника безопасности при работе с электронной почтой 122
Элементы математической логики Элементы математической логики 126
Правовые и этические нормы использования интернета. Правовые и этические нормы использования интернета. 190
Презентация Основные алгоритмические конструкции Презентация Основные алгоритмические конструкции 163
Язык программирования QBasic Язык программирования QBasic 175
Презентация по информатике на тему Системы счисления (11 класс) Презентация по информатике на тему Системы счисления (11 класс) 140
Оператор цикла с предусловием Оператор цикла с предусловием 125
Презентация по Робототехнике на тему Введение в курс Робототехника: основы, области применения, виды. (5 класс) Презентация по Робототехнике на тему Введение в курс Робототехника: основы, области применения, виды. (5 класс) 329
Power Point (Презентацияны безендіру) Power Point (Презентацияны безендіру) 185
Информационные системы в отрасли связи Информационные системы в отрасли связи 104
Не стандартные диаграммы. Дерево узлов Не стандартные диаграммы. Дерево узлов 137
Техника безопасности в компьютерном классе Техника безопасности в компьютерном классе 96
Методы защиты от компьютерных вирусов Методы защиты от компьютерных вирусов 103
Компьютерная графика. Графический редактор Paint Компьютерная графика. Графический редактор Paint 116
Редакторы, таблицы, базы данных Редакторы, таблицы, базы данных 150
Устройство компьютера Устройство компьютера 116
Принтер Принтер 196
Презентация по информатике на тему Жергілікті желілердің техникалық конфигурациясы Презентация по информатике на тему Жергілікті желілердің техникалық конфигурациясы 277
Сервисы сети Интернет Сервисы сети Интернет 111