- •Лабораторная работа № 9 Программирование сценариев с помощью JavaScript
- •Базовые сведения
- •Использование JavaScript в html. Скрипт-Программа размещается непосредственно на html-Странице, как правило, внутри тега html-Файла. Она загружается в браузер вместе с файлом.
- •Методы и обработчики результата
- •Свойства объекта Math
- •Преимущества использования технологии ajax:
- •Недостатки технологии ajax:
- •Базовые технологии ajax
- •Задание к лабораторной работе
- •Варианты заданий
- •Контрольные вопросы
Методы и обработчики результата
Метод |
Происходит, когда ... |
Обработчик результата |
Blur |
пользователь удаляет строку фокус из элемента формы |
OnBlur |
click |
пользователь нажимает на элемент формы или link |
OnClick |
change |
пользователь изменяет значение text, textarea или select элемента |
OnChange |
Focus |
пользователь передает фокус указанному элементу формы |
OnFocus |
load |
пользователь загружает страницу в Navigator |
OnLoad |
Mouseover |
пользователь помещает указатель мыши над гиперссылкой |
OnMouseOver |
Select |
пользователь выделяет область ввода указанного элемента формы |
OnSelect |
Submit |
пользователь подчиняет форму |
OnSubmit |
Unload |
пользователь уходит со страницы |
OnUnload |
Приведем сценарий "калькулятор" с формой и атрибутом обработчика результата (рис. 9.3, 9.4).
<HEAD>
<META HTTP-EQUIV=" Content-Type" CONTENT="text/html; charset= Windows-1251">
<META HTTP-EQUIV="Translator" CONTENT="Promt98 Translation System">
<SCRIPT LANGUAGE="JavaScript">
function compute(form) {
if (confirm("Вы уверены?"))
form.result.value = eval(form.expr.value)
else
alert("Please come back again.") }
</SCRIPT>
</HEAD>
<BODY>
<FORM> Введите выражение:
<INPUT TYPE="text" NAME="expr" SIZE=15 >
<INPUT TYPE="button" VALUE="Calculate" ONCLICK="compute(this.form)"> <BR>
Результат:
<INPUT TYPE="text" NAME="result" SIZE=15 >
<BR> </FORM>
</BODY>
Рис. 9.3. Ввод выражения и нажатие кнопки “Calculate”
Рис. 9.4. Результат расчета выражения
Пользователь вводит выражение, нажимает на кнопку вычисления, подтверждает необходимость вычисления и получает результат.
Стандартные объекты и функции JavaScript. Объект String. Всякий раз, когда приписывается значение строки переменной или свойству, создается объект string. Литералы строки - также объекты string. Например, выражение:
mystring = "Hello, World!"
Создает строковый объект mystring.
Объект string имеет методы, которые возвращают:
изменение строки непосредственно, типа substring и toUpperCase;
HTML форматирование строки, типа bold и link;
Например, данный вышеупомянутый объект, mystring.toUpperCase() возвращает "Hello, World!", и то же делает "Hello, World!".toUpperCase ().
Использование объекта Math. Встроенный объект Math имеет свойства и методы для математических констант и функций. Например, PI свойство объекта Math имеет значение pi, которое используется так:
Math. PI
Точно так же стандартные математические функции - методы Math.
Они включают тригонометрические, логарифмические, экспоненциальные, и другие функции. Например, использование функции тригонометрического синуса, выглядит следующим образом:
Math.sin (1.56)
Все аргументы тригонометрических методов Math устанавливаются в радианах.
Часто удобно использовать выражение with, когда раздел кода использует несколько математических констант и методов, поэтому можно не писать несколько раз "Math". Например,
with (Math) {
a = PI * r*r;
y = r*sin(theta)
x = r*cos(theta)
}
Таблица 9.2