Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Unix.docx
Скачиваний:
2
Добавлен:
01.03.2025
Размер:
1.91 Mб
Скачать

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

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

Синтаксис:

function ИмяФункции ( ) { команда;

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

}

Пример:

<HTML> <HEAD>

<SCRIPT LANGUAGE="JavaScript">

function Greet (who) {

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

</SCRIPT> </HEAD>

<BODY>

Приветствие выводится два раза <SCRIPT LANGUAGE="JavaScript"> Greet("Ваня"); Greet("Серега"); </SCRIPT> </BODY>

</HTML>

Обработка событий в 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>

Типы данных, глобальные и локальные переменные в JavaScript.

В некоторых языках программирования необходимо при объявлении переменных указывать их тип данных. В JavaScript тип данных переменной не указывается. Если переменной, содержащей целое число присвоить строковое значение, то ошибки не произойдет, т. к. переменная имеет "любой" тип данных, который может включать в себя:

  • Числовой тип (целые числа или числа с плавающей точкой).

  • Булевский тип, или логический ( true (истина) или false (ложь) ).

  • Строковый тип.

  • Нулевой тип. Определяется ключевым словом null. Если переменная не была определена, то она принимает это значение.

В JavaScript переменные можно использовать без предварительного описания. Если же переменная

все-таки описывается, то это делается следующим образом:

Синтаксис:

  1. переменная = значение;

  2. var переменная = значение;

Пример:

bird = "Альбатрос";

var bird = "Альбатрос";

Ключевое слово var дает указание JavaScript создать локальную переменную, даже если уже существует глобальная переменная с таким же именем. Хотя это и не обязательно, для избежания ошибок, всегда используйте var при объявлении локальных переменных.

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

<HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> name1="Ваня"; name2="Серега"; function Greet(who) {

var name3="Таня"; alert("Внимание!" + who); }

</SCRIPT> </HEAD>

</BODY> Сообщение выводится два раза. Переменная name3 недоступна, т. к. она локальная. <SCRIPT LANGUAGE="JavaScript"> Greet(namel); Greet(name2); </SCRIPT> </BODY> </HTML>

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]