 |
АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция
Описание функций в JavaScript
Программа на JavaScript может включаться в HTML – документ непосредственно между тэгами <SCRIPT> </SCRIPT>. В этом случае она будет выполнена после того, как браузер отобразит содержимое документа предшествующее тэгу <SCRIPT>, и до того, как браузер отобразит содержимое документа, следующее за тэгом </SCRIPT>. Однако чаще всего, программы на JavaScript оформляют в виде отдельных функций, которые запускаются в ответ на определенные события (щелчок мышью, перемещение над гиперссылкой и т.д.). Функции оформляются следующим образом:
Синтаксис:
function ИмяФункции () {
команда;
return возвращаемое_значение;}
Пример:
<HTML> <HEAD>
<SCRIPT LANGUAGE="JavaScript">
function Greet (who) {
alert("Приветик " + who); }
</SCRIPT> </HEAD>
<BODY>
Приветствие выводится два раза
<SCRIPT LANGUAGE="JavaScript">
Greet("Ваня"); Greet("Серега");
</SCRIPT>
</BODY>
</HTML>
3. Обработка событий в JavaScript.
Каждый объект HTML-страницы: кнопка, гиперссылка, сама страница и др. – имеют свой набор событий (см. лекцию по VBScript). Обработка событий (щелчки мышью, наведение на гиперссылку, загрузка страницы и т.д.) реализуется в JavaScript в виде отдельной функции, либо непосредственно в самом теге элемента. Можно также динамически изменять события назначенные элементу. Примеры задания обработчиков событий приведены ниже:
Пример 1. Обработчик события в тэге элемента:
<HTML><BODY>
<a href="http://www.microsoft.com" onmouseover="alert('Без стука не входить!'); "> Гиперссылка </a>
</BODY> </HTML>
Пример 2. Обработчик события в виде отдельной функции:
<HTML>
<HEAD> <SCRIPT LANGUAGE="JavaScript">
function info() {alert(' Без стука не входить!'); }
</SCRIPT> </HEAD>
<BODY>
<a href="http://www.microsoft.com" onmouseover="info ();"> Гиперссылка </a>
</BODY> </HTML>
Пример 3. Динамическое назначение обработчика событий:
<HTML><HEAD>
<SCRIPT LANGUAGE="JavaScript">
function info () { alert(' Без стука не входить!'); }
</SCRIPT> </HEAD>
<BODY>
<a href="http://www.microsoft.com" name="link1"> Гиперссылка </a>
<SCRIPT LANGUAGE="JavaScript"> link1.onmouseover=info; </SCRIPT>
</BODY> </HTML>
Контрольные вопросы:
1. Что такое JavaScript?
2. Перечислите основные возможности языка JavaScript?
3. Какие версии JavaScript вам известны?
4. Что такое объектная модель документа применительно к JavaScript
5. Какие тэги необходимы для включения программ на JavaScript в HTML-страницу?
6. Какой синтаксис описания функций?
7. Как осуществляется обработка событий в JavaScript?
Домашнее задание:
Подготовить рефераты по темам «История создания языка программирования JavaScript», «Связь JavaScript с другими языками».
Поиск по сайту: