Написание скриптов неразрывно связано с понятием события и обработчика события.

События (event) и обработчики событий (event handler) относятся к JavaScript, но они скорее «встроены» в HTML-код, а не существуют самостоятельно, как те скрипты, которые мы с вами разбирали. Они входят в структуру документа НТМL, не требуя команд <SCRIPT> и </SCRIPT>. Сами они не скрипты, а скорее область взаимодействия между вашей страницей и читателем.
События — это то, что происходит. Они добавят динамики вашему сайту. Среди разнообразных обработчиков событий для начала мы выберем один, самый популярный, — onMouseOver (навести мышь). Скрипт

<A HREF="http://www.newmail.ru" 
onMouseOver="window.status='Бесплатный хостинг'; 
return true">Ссылка</A>

 

Очень простым примером служит событие Click, т.е. щелчок левой кнопкой мыши. Например, можно написать JavaScript-код, который вычисляет сумму платежа с учетом выбранных пользователем товаров. Важным фактором становится определение того, когда этот код выполнять? Логичным ответом на этот вопрос является выполнение кода тогда, когда это потребуется самому пользователю. Совсем нетрудно представить себе web-страницу с кнопкой "Найти общую сумму". Тогда код для вычисления платежа нужно выполнять тогда, когда пользователь щелкнет на этой кнопке. Таким образом, щелчок на кнопке является событием. Фактически это событие и называется "Click"!

Под событием понимается определенный сигнал, возникающий в результате действия пользователя, например щелчка левой кнопкой мыши (событие Click), двойного щелчка левой кнопкой мыши (событие DblClick), наведения указателя мыши на конкретный элемент документа (событие MouseOver), нажатия клавиши (событие KeyPress) и др., или автоматически формируемый системой при изменении ее состояния, например при окончании загрузки документа (событие Load), обнаружении ошибки (событие Error) и др. В ответ на все эти события система реагирует определенным образом, обычно вызовом специальной функции. Пример события Load и его обработки вы наблюдали при загрузке этого документа. Нетрудно заметить, что события называются английскими словами (регистр букв не играет роли), передающими содержательный смысл события.

Под обработчиком события (event handler) понимается код (скрипт - script), написанный на скриптовом языке (scripting language); этот скрипт перехватывает событие и выполняет некоторые ответные действия. Например, при щелчке на кнопке активизируется ассоциированный с этим событием обработчик события и реагирует на событие Click. Названия (имена) обработчиков событий образуются добавлением префикса on к названию события, например обработчик события Click называется onClick (часто названия обработчиков событий даются на нижнем регистре, т.е onclick).

Задание!

1. Выпишите и поясните некоторые события из рассмотренного выше материала.

2. Вставьте на страницу и запишите в отчет скрипт из примеров ниже

Пример № 1 - определение типа браузера

Свойство appName объекта navigator позволяет определить тип браузера в компьютере пользователя.

Исходный код:

<script language="JavaScript">

document.write("Вы пользуетесь браузером: "+ navigator.appName)

</script>

Пример № 2 - получение характеристик монитора

Объект screen имеет несколько свойств, значения которых показывают характеристики монитора в компьютере пользователя. Исходный код:

<script language="JavaScript">

document.write("Разрешающая способность экрана: ")

document.write(screen.width + "*") document.write(screen.height + "<br>") document.write("Доступная область просмотра: ") document.write(window.screen.availWidth + "*") document.write(window.screen.availHeight + "<br>") document.write("Глубина цвета: ")

document.write(window.screen.colorDepth + "<br>") </script> Пример № 3 - вывод информационного бокса

Метод alert() позволяет вывести на экран информационный бокс (alert box), содержащий текстовую цепочку, которая передается ему как параметр. Действие метода alert() вы наблюдали при открытии этого документа. Исходный код:

<script language="JavaScript"> alert("Это пример информационного бокса") </script> Пример № 4 - вывод стимулирующего бокса

Метод prompt() позволяет вывести на экран стимулирующий бокс (prompt box), который требует от пользователя ввода некоторых данных. Метод имеет два параметра в виде текстовых цепочек - первая цепочка определят вводимые данные, а вторая задает значение по умолчанию. Метод возвращает в скрипт ввод пользователя или значение по умолчанию (после щелчка на кнопке OK) или значение null (после щелчка на кнопке Cancel). Исходный код:

<script language="JavaScript">

var name = prompt("Пожалуйста, введите ваше имя","Елена") if (name!= null && name!= "") { document.write("Привет, " + name)

}

</script>

Контрольные вопросы:

1. Какие типы ошибок встречаются при использовании скриптов?

2. Что такое события и обработчики событий.

3. В каких частях HTML документа можно размещать скрипты и почему?

4. Использование метода alert(). 5. Использование метода prompt().

Рекомендуемая литература Основная:

1. Баканов В.М. Программное обеспечение компьютерных сетей и информационных систем. М.: МГАПИ, 2003, -104 С.

2. Ватаманюк А. Создание, обслуживание и администрирование сетей на 100%. Издательство: Питер. Год издания: 2010, С: 288.

3. Дронов В.А. Название: HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов. Издательство: БХВ-Петербург, Год издания: 2011, С: 416.

4. Исаченко О. В. Программное обеспечение компьютерных сетей. Издательство: Инфра-М. Год издания: 2012. 5. Сетевые операционные системы: учебник / В.Г. Олифер, Н.А. Олифер -СПб.: Питер, 2001.

Дополнительная:

1. Байрон Анжела, Эддисон Берри, Натан Хог, Джефф Итон, Джеймс Уокер, Джефф Роббинс. Drupal: создание и управление сайтом. Издательство: Символ-Плюс. Год издания: 2010, С: 575.

2. Билл Скотт, Тереза Нейл. Проектирование веб-интерфейсов. Издательство: Символ-Плюс, Год издания: 2010, С: 352.

3. Данилов И. Все об электронной почте. – К.: ОАО «Дом печати – ВЯТКА», 2005.

4. Казарин О.В. Безопасность программного обеспечения компьютерных систем. Москва, МГУЛ, 2003, 212 с.

5. Кожемякин А.А. HTML и CSS в примерах. Создание Web-страниц. 2004.

6. Коровченко Э. Энциклопедия Internet. CD, ООО «Бизнессофт», 2005.

7. Кучерявый Е.А. Управление трафиком и качество обслуживания в сети Интернет. Издательство: Наука и Техника. Год издания: 2004, С: 336.

8. Леонтьев В. Самоучитель: осваиваем Интернет. – М.: Олма-пресс, 2005.

9. Мак-Федрис Пол. Развертывание безопасных сетей в Windows Vista. Издательство:

Вильямс. Год издания: 2009, С: 528.

10. Михасев В. Г., Прончев Г. Б. Компьютерные сети, Интернет и мультимедиа технологии. Издательство: МИПК им. И. Федорова. Год издания: 2010.

11. Олифер В.Г., Н.А. Олифер Н.А. Компьютерные сети: принципы, технологии, протоколы.- С.-Петербург: ПИТЕР, 2000.

12. Рева О. HTML. Просто как дважды два. – М.: Изд-во Эксмо, 2008.

13. Смит К., Уотерс К. WEB-дизайн: Photoshop&Dreamweawer. Пер. С англ. – М.: КУДИЦОБРАЗ, 2004

14. Таненбаум Э., Уэзеролл Д. Компьютерные сети. Издательство: Питер, Год издания: 2011.

15. Хоган Б. HTML5 и CSS3. Веб-разработка по стандартам нового поколения. Издательство: Питер, Год издания: 2012, С: 272.

16. Холмогоров В. Основы WEB-мастерства. Учебный курс.- СПб: Питер, 2001

 

 

© Рязанский колледж электроники

© Цикловая комиссия вычислительной техники и компьютерных сетей

© Ларина Марина Евгеньевна