Тема: Примеры формирования сценариев на языке программирования. 1. Примеры формирования сценариев на JavaScript

⇐ Предыдущая 36 37 38 394041 42 43 44 45 Следующая ⇒

План:

1. Примеры формирования сценариев на JavaScript

1. Примеры формирования сценариев на JavaScript

Рассмотренные на прошлых занятиях, примеры с окнами, конечно, удобны. Но есть и более простой вариант. Выполнение сценария можно связать с определенным событием. Например, с попаданием курсора мыши на какую-то ссылку, чтобы в ответ на это событие браузер показал не URL, а комментарий к ссылке.

Как это сделать? Например, добавить к тегу <A> два атрибута: onMouseOver и onMouseOut.

Необходимо сделать так, чтобы при вызове функций всю работу вместо вас выполняли события. JavaScript - язык, управляемый событиями (event-driven). To есть все происходящее в нем является результатом события или вызывает какое-либо событие. Открытие новой страницы в браузере, перемещение курсора, щелчок мыши - все это относится к событиям. Существует следующие виды событий: onLoad; onClick; onMouseover; onMouseout; onChange; onUnload; onBlur; onReset; onFocus; onSubmit и др.

Событие onLoad. Это событие происходит после загрузки чего-либо, например после открытия страницы в окне браузера. Оно считается состоявшимся только после завершения загрузки всей страницы, включая изображения.

Примечание Событие, происходящее при выгрузке страницы (переходе на другую страницу или закрытии окна браузера), называется onUnload.

Событие onLoad очень удобно использовать в сценарии, когда необходимо, чтобы функция выполнялась сразу после открытия страницы.

Событие onClick. Это событие происходит после щелчка мышью в определенном месте страницы. Позднее вы узнаете, что множество элементов страницы (гиперссылки, изображения, кнопки и пр.) могут реагировать на событие onClick. Его рекомендуется применять, когда вы хотите создать сценарий, взаимодействующий с пользователем.

Событие onMouseover. Это событие похоже на событие onClick, но происходит не после щелчка мышью, а после наведения курсора на определенный элемент страницы. Событие onMouseover можно связать практически с любым объектом Web-страницы (текстом, изображением, кнопками, гиперссылками и т.д.). Его также можно использовать, чтобы повысить уровень интерактивности сценария.

Событие onMouseout. Это событие подобно событию onMouseover, но происходит в тех случаях, когда курсор мыши отводится от объекта.

Пример:

<HTML>

<HEAD>

<TITLE> Подсказка для "несмышленой" мышки </TITLE>

<BODY>

С днем рождения,

<A anchor definition

onMouseOver="self.status='поздравления с Yahoo';

return true;"

onMouseOut="self.status='';

return true;"

href="http://www.yahoo.com">

программер!</A>

Еще раз с днем рождения,

<A anchor definition

onMouseOver="self.status='поздравления с AltaVista'

return true;"

onMouseOut="self.status='';

return true;"

href="http://www.altavista.com">

программер!</A>

И еще раз с днем рождения,

<A anchor definition

onMouseOver="self.status='поздравления с Рамблера';

return true;"

onMouseOut="self.status='';

return true;" href="http://www.rambler.ru">

программер!</A>

</HEAD>

</BODY>

</HTML>

В self.status записывается текст.

Подводим курсор к слову «программер» и… вместо URL браузер сообщает о новых поздравлениях от Yahoo, Altavist'ы и Рамблера!

⇐ Предыдущая 36 37 38 394041 42 43 44 45 Следующая ⇒

Поделиться с друзьями:

Дата добавления: 2014-12-23; Просмотров: 332; Нарушение авторских прав?; Мы поможем в написании вашей работы!

Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет

studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление

Генерация страницы за: 0.013 сек.