
- •Формы 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
Объект link (массив links)
Часть текста или картинка, определенные как гипертекстовая ссылка. При выборе пользователем ссылки, в окно загружается соответствующий ей документ.
Синтаксис:
Для определения ссылки используется стандартный HTML синтаксис с добавлением событий onClick и onMouseOver:
<A HREF=locationorURL .... [onClick="handlerText"] [onMouseOver="handlerText"]> linkText </A>
Вы можете также определить ссылку, используя метод link объекта string.
Вы можете ссылаться на объекты link в вашей программе, используя массив links. Этот массив содержит запись для каждого объекта link (тега <A HREF="">) по порядку их описания в документе. Например, если документ содержит три объекта link, то эти ссылки представлены так: document.links[0], document.links[1] и document.links[2].
Для получения количества ссылок в документе используется свойство length: document.links.length.
Элементы в массиве links открыты только для чтения. Например, выражение document.links[0]="link1" не имеет эффекта.
Если объект link также является объектом anchor (определен параметр NAME тега <A>), то объект записан в обоих массивах - anchors и links.
Свойства:
Объект link имеет те же свойства, что и объект location (см. с. 33), а также:
• target - значение атрибута TARGET.
Массив links имеет следующие свойства:
• length отражает количество ссылок в документе.
Методы:
• нет.
События:
• onClick;
• onMouseOver;
• onMouseOut.
Объект image (массив images)
Представляет собой изображение, встроенное в документ. Изменяя свойство src, можно перезагрузить изображение, например в ответ на действия пользователя. Все изображения, содержащиеся в документе, доступны через массив images[] - свойство объекта document, а также по имени, определенном атрибутом NAME тега IMG.
При этом следует учитывать, что если Image используется внутри формы, то он является свойством этой формы. Это значит, что для него используется другая адресация:
- Встроенный в документ объект:
<img name=car src=car.gif>
document.car.src = "car1.gif";
- Встроенный в форму объект:
<form name=kuku> ... <img name=car src=car.gif> ... </form>
document.kuku.car.src = "car1.gif";
При обращении к Image по индексу в массиве всех графических объектов документа принадлежность объекта не имеет значения. Например, если объект является вторым Image на странице, то будь он внутри формы или за ее пределами, к нему всегда можно обратиться по индексу: document.images[1].src = "car1.gif".
Свойства:
Значения всех свойств, кроме complete, задаются соответствующими атрибутами тега <IMAGE ...>:
• name - имя изображения, присвоенное атрибутом NAME. Изображения, созданные функцией-конструктором Image(), имени не имеют; Readonly;
• src - URL файла изображения;
• losrc- URL файла альтернативного изображения с низким разрешением;
• complete - загружено ли изображение полностью; Readonly;
• width - ширина изображения в пикселах; Readonly;
• height - высота изображения в пикселах; Readonly;
• border - ширина границы в пикселах; Readonly;
• hspace - размер пустого пространства слева и справа изображения; Readonly;
• vspace - размер пустого пространства сверху и снизу изображения; Readonly.
Методы:
• нет.
События:
• onLoad - при успешном завершении загрузки изображения;
• onAbort - если загрузка изображения остановлена пользователем;
• onError - если при загрузке изображения произошла ошибка.
Объекты типа Image можно создавать динамически с помощью функции-конструктора:
new_image = new Image();
new_image = new Image(width,height);, где width и height - ширина и высота изображения соответственно.
Для присваивания конкретного изображения объекту необходимо выполнить new_image.src = "new.gif".