Описание функций в JavaScript

⇐ Предыдущая 29 30 31 323334 35 36 37 38 Следующая ⇒

Программа на JavaScript может включаться в HTML – документ непосредственно между тэгами <SCRIPT> </SCRIPT>. В этом случае она будет выполнена после того, как браузер отобразит содержимое документа предшествующее тэгу <SCRIPT>, и до того, как браузер отобразит содержимое документа, следующее за тэгом </SCRIPT>. Однако чаще всего, программы на JavaScript оформляют в виде отдельных функций, которые запускаются в ответ на определенные события (щелчок мышью, перемещение над гиперссылкой и т.д.). Функции оформляются следующим образом:

Синтаксис:

function ИмяФункции () {

команда;

return возвращаемое_значение;}

Пример:

function Greet (who) {

alert("Приветик " + who); }

</SCRIPT> </HEAD>

<BODY>

Приветствие выводится два раза

Greet("Ваня"); Greet("Серега");

</SCRIPT>

</BODY>

</HTML>

3. Обработка событий в JavaScript.

Каждый объект HTML-страницы: кнопка, гиперссылка, сама страница и др. – имеют свой набор событий (см. лекцию по VBScript). Обработка событий (щелчки мышью, наведение на гиперссылку, загрузка страницы и т.д.) реализуется в JavaScript в виде отдельной функции, либо непосредственно в самом теге элемента. Можно также динамически изменять события назначенные элементу. Примеры задания обработчиков событий приведены ниже:

Пример 1. Обработчик события в тэге элемента:

<a href="http://www.microsoft.com" onmouseover="alert('Без стука не входить!'); "> Гиперссылка </a>

</BODY> </HTML>

Пример 2. Обработчик события в виде отдельной функции:

<HTML>

function info() {alert(' Без стука не входить!'); }

</SCRIPT> </HEAD>

<BODY>

<a href="http://www.microsoft.com" onmouseover="info ();"> Гиперссылка </a>

</BODY> </HTML>

Пример 3. Динамическое назначение обработчика событий:

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 с другими языками».

⇐ Предыдущая 29 30 31 323334 35 36 37 38 Следующая ⇒

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

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

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

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

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