АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция

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

Читайте также:
  1. А) ИСПОЛЬЗОВАНИЕ КАТЕГОРИИ ВИДА В РУССКОМ ЯЗЫКЕ
  2. А) ПЕРЕДАЧА НА РУССКОМ ЯЗЫКЕ ФУНКЦИИ АРТИКЛЯ
  3. Аграрная политика царизма в Казахстане в конце XIX-начале ХХ вв. Переселение русских, украинских крестьян. Начало формирования многонационального состава населения Казахстана.
  4. Алгоритм формирования стека
  5. АНАЛИЗ ИГР, СЦЕНАРИЕВ И РОЛЕЙ
  6. Анализ наличия, состава и динамики источников формирования капитала предприятия
  7. Анализ равновесия между активами предприятия и источниками их формирования. Оценка финансовой устойчивости предприятия
  8. Анализ состава, структуры, источников формирования капитала организации и эффективности его использования.
  9. Анализ формирования фонда заработной платы
  10. Анализ формирования чистой прибыли
  11. Анализ формирования чистой прибыли
  12. Антропогенез: биологические и социальные предпосылки эволюции человека, факторы и этапы его эволюции; расы, пути их формирования.

 

План:

 

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>

<P>С днем рождения,

<A anchor definition

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

return true;"

onMouseOut="self.status='';

return true;"

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

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

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

<A anchor definition

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

return true;"

onMouseOut="self.status='';

return true;"

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

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

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

<A anchor definition

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

return true;"

onMouseOut="self.status='';

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

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

</HEAD>

</BODY>

</HTML>

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

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

 


1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 |

Поиск по сайту:



Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Студалл.Орг (0.004 сек.)