Главная | Обратная связь | Поможем написать вашу работу!

Практическое занятие №10 посвящено изучению и использованию скриптов

Скрипт – это маленькая программа, выполняемая в режиме интерпретации, расположенная в HTML-файле, написанная на языке JavaScript или VBScript. Скрипты записываются внутри тэга контейнера SCRIPT.

При загрузке браузером HTML-файла анализируется его текст и имена всех процедур и функций, описанных в тэге SCRIPT, заносятся в специальную таблицу. Когда выполняется обращение к процедуре/функции, просматривается эта таблица, обнаруживается, что такая процедура в ней есть, и она выполняется.

Встроенный скрипт содержит набор операторов, не оформленных в виде процедуры. Встроенный скрипт должен выполняться в том месте, где он расположен.

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

Скрипты - обработчики событий для форм лучше располагать в форме, чтобы не писать в составном имени имя формы при обращении к свойствам и методам элементов форм.

Скрипты рекомендуется хранить в текстовых файлах в специально созданной папке и включать при необходимости в HTML-файл.

В тэге SCRIPT используется атрибут Language=” JavaScript ”| “VBScript ”, указывающий на каком языке он написан, причём по умолчанию считается, что используется язык JavaScript.

Текст скрипта заключается в комментарии, чтобы пропускался браузерами, которые не распознают такой текст.

<!—

-->

</SCRIPT>

Краткое описание операторов и операций языка VBScript.

· Имя переменной должно начинаться с латинской буквы, может состоять из латинских букв и цифр. Допускается в имени употребление знака подчёркивания, но не должно содержаться точки.

· Математические операции: (+) сложение; (-) вычитание; (*) умножение; (/) деление; (^) возведение в степень; (\) целочисленное деление; (Mod) остаток от деления; (&) объединение строк.

· Операции сравнения: равно (=); не равно (<>); меньше (<); больше (>); меньше или равно (<=); больше или равно (>=); эквивалентность объектов (is).

· Логические операции: отрицание (Not); умножение (And); сложение (Or); исключение (Xor); эквивалентность (Eqv); импликация (Imp).

· Операторы языка:

1. Условный оператор. Если условие истина, выполняются операции 1, иначе операции 2:

If условие Then

Операции 1

Else

Операции 2

End If

2. Оператор выбора. Выбор для выполнения того оператора, метка которого равна значению выражения. Если нет такой метки, то выполняется оператор после ключевого слова Else:

Select Case выражение

Case Список выражений

Операции

Case Список выражений

Операции

Case Else

Операции

End Select

3. Оператор цикла позволяет выполнить операции заданное число раз от начального значения счётчика до конечного значения с заданным шагом. Если шаг не задан, то принимается равным единице:

For Счётчик = Начало to Конец Step Шаг

Операции

4. Оператор цикла, выполняющий операции пока условие истинно:

Do While Условие

Операции

Loop

5. Оператор цикла, выполняющий операции пока условие ложно:

Do Until Условие

Операции

Loop

6. Процедура (Sub) (подпрограмма) объединяет несколько операций и присваивает им имя, по которому производится обращение к процедуре из любой точки текста программы для выполнения операций процедуры. Процедуре могут передаваться параметры, которые используются в операциях процедуры. Для обращения к процедуре используется оператор Call имя (Список параметров) или Call имя

Sub Имя (Список параметров)

Операции

End Sub

7. Функция (Function) похожа на процедуру. Отличие в том, что функция обычно возвращает значение, которое присваивается переменной или используется в выражении. Обращение к функции: переменная = Имя функции (Список значений аргументов).

Function Имя (Список аргументов)

Операции

Имя = Выражение

End Function

8. Функция ввода выдаёт текст приглашения и ожидает ввода: переменная = InputBox(Prompt)

9. Функции вывода сообщения: MsgBox “Message” и Alert ”Message” – выдают сообщение Message.

Обработку событий в HTML-документе можно реализовать тремя способами:

1. С помощью процедуры, помещённой в тэг SCRIPT. Имя процедуры составляется из имени элемента HTML, указанного в атрибуте Name или Id, знака подчёркивания и названия события, например: Sub btn_onClick. Имя btn_onClick состоит из имени элемента (<INPUT Name=”btn” Type=”button” Value=”Вызови меня”>), знака подчёркивания и события onClick, возникающего при нажатии кнопки мыши на кнопке, описанной в тэге INPUT.

<HTML>

<HEAD>

<!—

Sub btn_onClick

MsgBox “Вы вызывали меня?”

End Sub

</SCRIPT>

</HEAD>

<BODY>

<FORM>

</FORM>

</BODY>

</HTML>

2. Встраиваемые обработчики событий в виде параметра атрибута, который называется именем события. Тэг, описывающий элемент, с которым связано событие, содержит такой атрибут.

<HTML>

<HEAD>

</HEAD>

<BODY>

<FORM>

</FORM>

</BODY>

</HTML>

3. С помощью атрибутов For и Event в тэге SCRIPT указывается имя элемента, для которого предусматривается обработка, и название обрабатываемого события. Содержимое контейнера тэга SCRIPT состоит из операций обработки события (не оформлено в виде процедуры).

<HTML>

<HEAD>

<!—

MsgBox “Вы вызывали меня?”

</SCRIPT>

</HEAD>

<BODY>

<FORM>

</FORM>

</BODY>

</HTML>

Примеры скриптов, обрабатывающих события.

1. Событие onFocus возникает, когда объект получает фокус, т.е. курсор попадает в поле, предназначенное для ввода данных элемента, и данные в это поле вводятся (значение меняется).

<HTML>

<HEAD>

<!—

Sub txt_onFocus

status = “Вы должны ввести Ваше имя”

End Sub

</SCRIPT>

</HEAD>

<BODY>

<INPUT Name=”btn” Type=”button” Value=”Покажи”

onClick=’alert “name “& txt.value’>

</FORM>

</BODY>

</HTML>

2. Событие onBlur возникает, когда элемент теряет фокус.

<HTML>

<HEAD>

<!—

Sub txt_onFocus

status = “Вы должны ввести Ваше имя”

End Sub

Sub txt_onBlur

status = “ ”

End Sub

</SCRIPT>

</HEAD>

<BODY>

<INPUT Name=”btn” Type=”button” Value=”Покажи”

onClick=’alert “name “& txt.value’>

</FORM>

</BODY>

</HTML>

3.Событие onChange возникает, когда курсор покидает элемент, данные в котором были изменены.

<HTML>

<HEAD>

<!—

Sub txt_onChange

alert “Вы изменили значение“

End Sub

</SCRIPT>

</HEAD>

<BODY>

<INPUT Name=”btn” Type=”button” Value=”Покажи”

onClick=’alert “name “& txt.value’>

</FORM>

</BODY>

</HTML>

Обратите внимание, параметр атрибута onClick заключён в апострофы (одиночные кавычки). Если параметр содержит несколько операций, то они все вместе должны быть заключены в апострофы, и с помощью точки с запятой (;) должны отделяться друг от друга.

4. Получение значений элементов списка.

<HTML>

<HEAD>

<!—

Sub lst_onChange

intI=Form1.lst.selectedIndex

alert “Значение элемента списка - “&Form1.lst.options(intI).Text

End Sub

</SCRIPT>

</HEAD>

<BODY>

Ваш выбор <SELECT NAME="lst" >

<OPTION VALUE="1" SELECTED> Юг

<OPTION VALUE="2"> Север

<OPTION VALUE="3"> Запад

<OPTION VALUE="4"> Восток

</SELECT><BR>

</FORM>

</BODY>

</HTML>

Упражнение 10.1. В файл, содержащий описание формы, вставьте скрипты, обрабатывающие событие.

⇐ Предыдущая 1 2 345 Следующая ⇒

Воспользуйтесь поиском по сайту: