Клиентские сценарии в Web сети (стр. 4 )

Для обеспечения удобного способа доступа к фреймам, как к свойствам объекта window, может использоваться т. н. коллекция frames. Коллекциями (наборами, свойствами-массивами) обладают и некоторые другие объекты JavaScript. Коллекции схожи с массивами – их элементы имеют индекс, соответствующий порядку описания элемента в HTML - документе. Все коллекции имеют следующие общие свойства:

·  представляют собой те или иные наборы элементов HTML-документа;

·  поддерживают методы для создания подмножества на основе тэгов, классов или имен/идентификаторов;

·  позволяют обращаться к отдельным элементам по индексу или по идентификатору: window. frames(0), window. frames(‘frmN1’).

Свойство length позволяет узнать число элементов в коллекции. Метод item возвращает все элементы, соответствующие указанному индексу или идентификатору. Метод tags возвращает коллекцию, содержащую только указанные тэги языка HTML. Если указан неверный индекс, то возвращается нулевой объект, указание неверного тэга приводит к возврату пустой коллекции. Этим можно воспользоваться, например, при поиске того или иного элемента.

Значение параметра NAME тэга FRAME задает имя, по которому можно ссылаться на соответствующий фрейм. Например, из фрейма fr3 на фрейм fr1 можно сослаться: top. fr1 или top. frames[0]. Свойство location объекта Frame содержит адрес загруженного во фрейм документа. Изменение значения этого свойства приведет к загрузке нового документа в соответствующий фрейм:

onClick=”javascript: top. fr1.location=’file1.htm’”

2.3.3.Объект history

Объект history содержит информацию об адресах страниц (в формате URL), которые посещались в данной сессии. Эти адреса сохраняются в списке History. Объект позволяет перемещаться по списку с помощью кода на JavaScript. Свойства и методы объекта:

Свойство	Описание
current	URL текущей записи журнала
length	Количество записей в журнале
next	URL следующей записи журнала
previous	URL предыдущей записи журнала

Метод	Описание
back	Загружает предыдущую страницу из списка посещений
forward	Загружает следующую страницу из списка посещений
go(n)	Загружает n-ю страницу из списка посещений

Пример:

times=history. length;

document. write(“В течение сессии Вы были на” +times+” узлах”)

2.3.4.Объект navigator

Этот объект обеспечивает информацию о браузере.

Свойство	Описание
appCodeName	Содержит кодовое имя браузера
appName	Содержит название браузера
appVersion	Содержит версию браузера
userAgent	Содержит заголовок UserAgent, посылаемый Web-серверу в составе HTTP-пакета при запросе страницы
javaEnabled	Позволяет узнать, включена ли поддержка языка Java
cookieEnabled	Позволяет узнать, включена ли поддержка cookies

Объект navigator содержит также два массива (коллекции) – plugins и mimeTypes. Массив plugins позволяет определить установленные дополнения, а массив mimeTypes позволяет определить типы данных поддерживаемые браузером.

Пример: Функция IsIE40 возвращает true, если клиентский браузер является браузером Microsoft Internet Explorer версии 4.0 и выше:

<SCRIPT LANGUAGE=”JavaScript”>

comp=navigator. app. Name

vers=navigator. appVersion

function IsIE0)()

{ if(comp. indexOf(‘Microsoft’)>=0 && vers. indexOf(‘4.0’)>=0

return true;

return false }

2.3.5.Объект location

Этот объект содержит информацию об URL-адресе текущей страницы и обеспечивает методы для перезагрузки текущей страницы или загрузки новой. Свойства данного объекта позволяет получить различную информацию об URL-адресе текущей страницы.

Свойство	Описание
href	Содержит полный URL-адрес страницы
hash	Содержит часть строки, следующую за символом «#»
host	Содержит часть адреса hostname:port
hostname	Содержит часть адреса hostname
pathname	Содержит имя файла
port	Содержит номер порта
protocol	Содержит имя протокола – способа загрузки данной страницы
search	Содержит строку запроса – строку, следующую за символом «?»

Обычно свойство объекта location используется для загрузки других страниц. Для этого свойству href присваивается новое значение. Эта операция эквивалентна вызову метода navigate объекта window. Например:

window. location. href = http://www. *****/index. htm

Объект location содержит три метода, которые могут использоваться либо для загрузки текущей, либо для замены страницы в журнале посещений.

Метод	Описание
assign	Загружает другую страницу. Действия эквивалентны изменению значения свойства window. location. href
reload	Перезагружает текущую страницу
replace	Загружает заданный URL с заменой текущей записи в журнале посещений

2.3.6.Объект document

Этот объект содержит информацию о текущей загруженной странице. Все элементы страницы HTML представляются свойствами объекта document. Для каждой страницы создается один объект document, некоторые свойства которого соответствуют параметрам тэга-контейнера <BODY>.

Свойство	Описание
bgColor	Цвет фона документа
fgColor	Цвет текста документа
linkColor	Цвет гиперссылки
alinkColor	Цвет активной гиперссылки
vlinkColor	Цвет ранее посещавшейся гиперссылки
lastModified	Строка, определяющая дату последней модификации документа
domain	Имя домена для сервера, предоставившего документ
title	Строка, определяющая содержимое тэга TITLE
url	Полный URL документа
Доп. свойства
activeElement	Возвращает элемент страницы, который в данный момент имеет фокус
referrer	Возвращает URL-адрес страницы, ссылающейся на текущую

Методы объекта document.

Метод	Описание
open	Открывает поток вывода для методов write и writeln
write	Выводит указанный текст в окно браузера
writeln	То же, но символом «возврат каретки»
close	Закрывает поток вывода

2.3.7 Коллекции объекта document и других объектов.

Некоторые объекты имеют свойства, которые являются массивами. Они используются для хранения информации о подчиненных объектах, когда их количество заранее не известно.

Объект	Свойство	Описание
document	all	Отражает все тэги и элементы в порядке их появления в документе
	anchors	Отражает тэги <A> в порядке их появления в документе
	applets	Отражает тэги <APPLET> в порядке их появления в документе
	areas	Отражает тэги <AREA> в порядке их появления в документе
	embeds	Отражает тэги <EMBED> в порядке их появления в документе
	forms	Отражает тэги <FORM> в порядке их появления в документе
	images	Отражает тэги <IMG> в порядке их появления в документе
	links	Отражает тэги <AREA HREF=”…”> и <A HREF=”…”>, а также объекты link, созданные методом link() в порядке их появления в документе
	scripts	Отражает все разделы <SCRIPT> на странице
function	arguments	Отражает параметры функции
form	elements	Отражает элементы формы в порядке их появления в документе
select	options	Отражает опции объекта select (тэг <OPTION> в порядке их появления
window	frames	Отражает тэги <FRAME> в окне, содержащем тэг <FRAMESET> порядке их появления в документе
navigator	mimeTypes	Отражает все типы объекта MIME, поддерживаемые браузером
	plugins	Отражает все установленные дополнительные приложения для браузера

Коллекции позволяют обращаться к отдельным элементам по индексу или по идентификатору: document. forms[0], document. forms[“frm1”], document. frm1. Свойство length позволяет узнать число элементов в коллекции. Метод item возвращает все элементы, соответствующие указанному индексу или идентификатору. Метод tags возвращает коллекцию, содержащую только указанные тэги языка HTML. Если указан неверный индекс, то возвращается нулевой объект, указание неверного тэга приводит к возврату пустой коллекции. Этим можно воспользоваться при поиске того или иного элемента:

if (0==document. all. tags(“H2”).length)

{ alert(“В документе нет тэгов <H2>”) }

Первый элемент любой коллекции имеет индекс 0, последний – индекс, равный collection. length-1.

Пример работы с коллекциями:

1. Коллекция all. Получение полного списка всех тэгов:

function alltags()

{ wind=window. open.(“about:blank”)

wind. document. write(“<P ALIGN=CENTER>Коллекция all</P>”)

for (i=0; i<document. all. length; i++)

{ wind. document. write(document. all(i).tagName, “<BR>”)

} }

2. Функция, изменяющая адреса всех ссылок, например, так, чтобы они указывали на файл, в котором приведена какая-то информация (это может быть файл, который «пропускает» ссылки через себя – default. htm):

function newLink()

{ if (document. links. length > 0)

{ for (i=0; i<document. links. length; i++)

{ document. links(i).href = “default. htm” } } }

3. Коллекция frames. Получение значений отдельных атрибутов фреймов (их имен и отображаемых в них файлов):

frms=window. parent. frames;

for (i=0; i<frms. length; i++)

{ alert(frms(i).name +”;”+frms(i).location)

Коллекция forms

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

Как известно, формы и их элементы могут иметь имена, задававемые с помощью атрибута NAME соответствующего тэга. Поэтому существует 2 способа доступа как к самой форме, так и ее элементам:

document. forms(0).elements(0).value

или

document. frm1.txt1.value,

где frm1 и txt1 названия искомой формы и требуемого элемента соответственно, а forms и elements – коллекции фоорм в документе и элементов в форме.

Свойства коллекции forms:

Свойство	Описание
action	Содержит значение атрибута ACTION
elements	Массив (коллекция) элементов формы
encoding	Содержит значение атрибута ENCTYPE
length	Содержит число элементов формы
name	Содержит значение атрибута NAME
method	Содержит значение атрибута METHOD
target	Содержит значение атрибута TARGET

Свойствами формы м. б. также следующие объекты button, checkbox, fileUpload, hidden, password, radio, reset, select, submit, text, textarea.