- •Формы html
- •Обработка данных формы
- •Поля ввода
- •Логические элементы
- •Передача данных формы на сервер
- •Примеры форм
- •Использование тега meta
- •Язык сценариев Java Script
- •Размещение Java Script в документе
- •Встроенные функции Java Script
- •Объектная модель Java Script
- •Обработчики событий JavaScript
- •Объекты Java Script Массивы
- •Объект window
- •Объект navigator
- •Объект history
- •Объект document
- •Объект form (массив forms)
- •Объект location
- •Объект link (массив links)
- •Объект image (массив images)
- •Массив elements
- •Объект text
- •Объект password
- •Объект fileUpload
- •Объект hidden
- •Объект checkbox
- •Объект radio
- •Объект submit
- •Объект reset
- •Объект button
- •Объект textarea
- •Объект select
- •Объект Option
- •Объект Date
- •Объект Math
- •Объект string
- •Примеры скриптов Обработка событий элементов формы.
- •Изменение картинки из формы
- •Использование таймера (скроллинг в строке статуса)
- •Гистограмма
- •Работа с окнами
- •Соответствие операторов и выражений языков Паскаль и Java Script.
- •Список использованной и рекомендуемой литературы
- •61070, Харьков-70, ул. Чкалова, 17
- •61070, Харьков-70, ул. Чкалова, 17
Встроенные функции Java Script
Встроенные функции не являются методами какого-либо объекта, а являются функциями языка Java Script.
eval('code') - выполняет код, заданный строкой code. Возвращает значение последнего вычисленного выражения. С помощью этой функции можно динамически модифицировать код скрипта.
parseInt('str'[,base]) - преобразует строку str в целое число. Если parseInt в указанной строке встречает символ, не являющийся числом, то анализ заканчивается и функция возвращает целочисленное значение. ParseInt усекает числа до целочисленных значений. base - основание, по которому выполняется преобразование. По умолчанию используется основание 10.
parseFloat('str') - преобразует строку str в число с плавающей точкой. Анализ строки прекращается, если встреченный символ отличается от знака (+ или -), цифры (0-9), десятичной точки или экспоненты.
escape('str') - выполняет кодирование строки str аналогично тому, как кодируются значения при передаче данных формы. Заменяет пробелы и специальные символы их шестнадцатеричным представлением. Например: "Hello world!" -> "Hello%20world%21".
unescape('str') - выполняет раскодирование строки str.
Объектная модель Java Script
Язык Java Script является объектно-ориентированным. Базовый элемент языка - объект, представляющий собой документ HTML или его элемент, окно браузера или его управляющий элемент. Объект имеет:
свойства, описывающие его состояния. Свойствами объекта могут быть другие объекты или просто числовые значения. Если значение свойства не может быть изменено, такие свойства при описании объектов помечаются как Readonly;
методы - функции, позволяющие выполнять какие-либо действия над объектом;
обработчики событий, которые позволяют выполнять определенные действия, когда происходит событие, т.е. меняется состояние объекта.
Обработчики событий JavaScript
Обработчик событий выполняет программу JavaScript, когда происходит соответствующее событие.
Обработчики событий определяются атрибутом с соответствующим именем в HTML-теге, который создает данный объект JavaScript. Значением может быть любое число операторов JavaScript, разделенных точкой с запятой.
Пример определения обработчика:
<INPUT TYPE="button" ... onClick="return alert('сообщение');">
<INPUT TYPE="button" ...... onClick="my_function();">
Обработчики событий могут вызываться явно, например - button.onClick().
С помощью обработчиков можно, например, выдавать сообщения в ответ на действия пользователя, проверять данные, введенные в форме перед ее отправкой и т.д. Можно отменить или изменить стандартное действие, выполняемое при определенном событии. Для отмены обработчик должен вернуть значение false. Например, при нажатии на ссылку не грузится новый документ, а выдается сообщение:
<A ...... onClick=" alert('сообщение'); return false;">
Определены следующие события и обработчики:
onBlur - cобытие blur происходит, когда окно навигатора или поля формы select, text или textarea теряют фокус.
onFocus - событие focus происходит, когда окно навигатора или поле получает фокус ввода с клавиатуры или щелчком "мыши". Выбор результатов внутри поля связан с событием select, но не с событием focus.
Объекты: window, select, text, textarea.
onChange - событие change происходит, когда поля формы select, text или textarea теряют фокус и их значения были изменены.
Обработчик событий onChange может использоваться для проверки данных после их изменения пользователем.
Объекты: select, text, textarea.
onSelect - событие select происходит, когда пользователь выбирает пункт меню или списка select или некоторый текст внутри поля text или textarea.
Объекты: text, textarea, select.
onClick - событие click происходит при щелчке "мышью" на объекте формы или элементе документа.
Объекты: button, checkbox, radio, link, reset, submit.
onMouseOver - событие mouseOver происходит каждый раз, когда курсор "мыши" попадает на объект.
onMouseOut - событие mouseOotr происходит каждый раз, когда курсор "мыши" покидает границы объекта.
Объекты: link.
onSubmit - событие submit происходит, когда пользователь отправляет форму на Web-сервер.
Вы можете использовать обработчик событий onSubmit для остановки передачи данных формы; для этого используется выражение return, которое возвращает false в обработчик событий. Любое другое возвращенное значение отправляет форму.
onReset - событие reset происходит, когда пользователь сбрасывает значения всех элементов формы в установленные по умолчанию.
В NN4.0 и выше вы можете использовать обработчик событий onReset для отмены сброса данных формы; для этого используется выражение return, которое возвращает false в обработчик событий.
Объекты: form.
onLoad - событие load происходит, когда браузер завершает загрузку изображения, окна или всех фреймов внутри тега <FRAMESET>.
Объекты: window, image.
onUnload - событие unload происходит, когда вы выходите из документа.
Обработчики событий onLoad и onUnload описываются внутри тегов <BODY> или <FRAMESET>, например, <BODY onUnload="...">.
События onLoad и onUnload, описанные внутри фрейма в теге <BODY>, происходят перед аналогичными событиями, описанными в теге <FRAMESET>.
Объекты: window.
onError - событие error происходит, когда при загрузке документа или изображения произошла ошибка.
Объекты: window, image.
onAbort - событие abort происходит, когда загрузка изображения прервана пользователем.
Объекты: image.
Чтобы отключить стандартную обработку события, обработчик должен возвратить логическое значение FALSE (return false).
Исключение: для отмены стандартной обработки событий onMouseOver, onMouseOut, onError обработчик должен возвратить логическое значение TRUE (return true).
