- •21.Свойства текста.
- •22. Единицы измерения элемента. Границы объектов. Курсоры.
- •Отступы. Полоса прокрутки. Псевдоэлементы. Позиционирование. Размер элемента. Ссылки.
- •Основы JavaScript
- •Синтаксис JavaScript. Типы данных. Переменные и константы.
- •4.2 Синтаксис JavaScript
- •4.2.1 Типы данных
- •4.2.2 Переменные и константы
- •4.2.5 Комментарии
- •Синтаксис JavaScript. Идентификаторы. Область действия переменных. Комментарии.
- •4.2 Синтаксис JavaScript
- •4.2.3 Идентификаторы
- •4.2.4 Область действия переменных
- •4.2.5 Комментарии
- •Операторы манипулирования объектом. Оператор for...In. Оператор new. Оператор with. Ключевое слово this.
- •4.3.1 Оператор for...In
- •4.4.2 Функции и Методы
- •29. Объектная модель JavaScript. Определение методов. Создание новых объектов.
- •4.4.4 Создание Новых Объектов
- •4.4.5 Определение методов
- •30. Использование встроенных объектов и функций. Объект Date. Объект Array.
- •4.5 Использование Встроенных Объектов и Функций
- •4.5.1 Объект Date
- •4.5.2 Объект Array
- •31 Использование встроенных объектов и функций. Объект String. Объект Math.
- •4.5.3 Объект String
- •4.5.4 Объект Math
- •32 Объектная модель броузера. Объект window.
- •4.6.1 Объект window
- •33 Объектная модель броузера. Объект document.
- •4.6.2 Объект document
- •34 Коллекции объекта document.
- •4.6.3 Коллекции объекта document
- •35 Объектная модель броузера. Объект event.
- •4.6.4 Объект event
- •36 Объектная модель броузера. Объект history.
- •37 Объектная модель броузера. Объект location.
- •4.6.6 Объект location
- •38 Объектная модель броузера. Объект navigator.
- •4.6.7 Объект navigator
- •39 Структура программы Java. Библиотека классов Java.
- •Структура программы Java
- •Библиотека классов Java
- •40 Переменные и базовые типы данных. Классы-оболочки.
34 Коллекции объекта document.
4.6.3 Коллекции объекта document
Коллекция -- это структура, похожая на массив. Элементы коллекции являются объектами и доступны как элементы массива по индексу. Индексация традиционно начинается с нуля. В качестве индекса можно использовать имя объекта, если оно задано в соответствующем теге при помощи атрибута name (или id). Например, доступ к объекту, построенному браузером для тега <IMG name=pic...> может быть получен при помощи конструкции document.images[0], если это первая картинка в HTML-файле или при помощи конструкции document.images["pic"] независимо от порядкового номера картинки. Последний способ, конечно удобнее. Приведенный пример иллюстрирует использовании коллекции images -- в ней собраны объекты, построенные браузером для всех картинок, задаваемых в документе тегами IMG.
У каждой коллекции (как единого целого) существует свойство length -- ее длина. Например, доступ с свойству src объекта, построенного для первого тега IMG можно задать при помощи конструкции document.images[0].src. Для последнего тега IMG -- document.images[document.images.length-1].src.
Ниже приводится список из четырех наиболее употребительных коллекций, которые принадлежат объекту document.
Таблица 4.13– Свойства объекта
-
коллекция
описание
all
Коллекция всех тегов в теле документа.
При помощи следующих скрипта и формы, можно менять экранное изображение:
<SCRIPT language=JavaScript>
<!--
var img = new Array (new Image(),
new Image());
img[0].src="./pic/isp1a0.gif";
img[1].src="./pic/isp2a0.gif";
var ind=1;
function ChangeImg()
{
document.all["pic0"].src=img[ind].src;
ind=1-ind;
}
//-->
</SCRIPT>
<FORM>
<INPUT type=button value=Изменить
onclick="ChangeImg()">
</FORM>
forms
Коллекция всех форм на странице.
Эта коллекция сама содержит коллекцию elements -- список элементов данной формы (теги INPUT, SELECT, TEXTAREA).
Для доступа к форме с именем forma используется конструкция document.forms["forma"]. Для доступа к элементу формы с именем element -- конструкция document.forms["forma"].elements["element"].
При помощи следующих скрипта и формы, можно менять содержимое поля:
<SCRIPT language=JavaScript>
<!--
var titl = new Array(
"Приключение Незнайки и его друзей",
"Незнайка в солнечном городе",
"Незнайка на Луне");
var ind=0;
function ChangeTitl()
{
document.forms["f"].elements["t"].value=
titl[ind];
ind = ind < 2 ? ++ind : 0;
}
//-->
</SCRIPT>
<FORM>
<INPUT type=button value=Изменить
onclick="ChangeTitl()">
</FORM>
images
Коллекция всех картинок на странице.
При помощи следующих скрипта и формы, можно менять экранное изображение:
<SCRIPT language=JavaScript>
<!--
var img = new Array (new Image(),
new Image());
img[0].src="./pic/isp1a0.gif";
img[1].src="./pic/isp2a0.gif";
var ind=1;
function ChangeImg()
{
document.images["pic1"].src=img[ind].src;
ind=1-ind;
}
//-->
</SCRIPT>
<FORM>
<INPUT type=button value=Изменить
onclick="ChangeImg()">
</FORM>
links
Коллекция всех ссылок на странице.
function LinksList()
{
var str = "Список ссылок этой страницы:\n ";
for(var i=0; i<document.links.length; i++)
str +=document.links[i].href+"\n";
alert(str);
}