Объекты location и history

Объект location связан с текущим URL-адресом. Его свойства позволяют получить информацию о хост-машине, с которой в данный момент связан браузер. Например, свойство hostname содержит имя хоста, свойство port — номер порта, к которому подсоединен браузер на хост-машине. Два метода объекта location связаны с загрузкой HTML-страниц. Метод reload () перезагружает в браузер текущую страницу, а метод replace () загружает в окно браузера страницу, адрес которой задан в качестве его пара-

метра.

Объект history содержит список адресов HTML-документов, ранее загружавшихся в браузер. Получить адреса текущей, следующей и предыдущей страницы можно с помощью соответственно свойств current, next и previous этого объекта.

Метод go() этого объекта загружает страницу из списка посещенных. Текущая страница имеет индекс 0, предыдущие по отношению к текущей страницы индексируются отрицательными целыми числами, а последующие – положительными целыми числами. Например, следующий оператор

history.go(-3)

загрузит страницу, расположенную на три пункта назад по отношению к текущей в списке посещенных страниц.

 

Объекты Form

Каждая форма в документе, определенная тэгом <FORM>,создает соответствующий объект. В документе может быть несколько форм, поэтому для удобства ссылок и обработки в объект Form введено свойство-массив forms, в котором содержатся ссылки на все формы документа.

document.forms[0]

document.forms["forml"]

document.forml

Каждый объект Form имеет также свойство-массив elements, содержащий ссылки на все подчиненные форме элементы в том порядке, как они определены в документе HTML. Элементы формы, точнее их объекты, имеют свойство name, значение которого равно значению параметра NAME тэга <INPUT>, а также свойство value, значение которого определяется смыслом параметра VALUE элемента формы. Например, для элементов text и textarea значением этого свойства будет строка содержимого полей ввода этих элементов, для кнопки подтверждения — надпись на кнопке и т. д.

Свойства-массивы объектов

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

 

Объект	Свойство	Описание
document	anchors	Отражает тэги <А> в порядке их появления в документе
	applets	Отражает тэги <APPLET> в порядке их появления в документе
	embeds	Отражает тэги <EMBED> в порядке их появления в документе
	forms	Отражает тэги <FORM> в порядке их появления в документе
	images	Отражает тэги <IMG> в порядке их появления в документе
	links	Отражает тэги <AREA HREF="..."> и <А HREF="">, a также объекты link, созданные методом link о в порядке их появления в документе
function	arguments	Отражает параметры функции
form	elements	Отражает элементы формы в порядке их перечисления в тэге <FORM>
select	options	Отражает опции объекта select (тэг <OPTION>) в порядке их появления
window	frames	Отражает тэги <FRAME> в окне, содержащем тэг <FRAMESET>, в порядке их появления в документе
	History	Отражает элементы объекта history
Navigator	MimeTypes	Отражает все типы MIME, поддерживаемые браузером
	Plugins	Отражает все установленные дополнительные приложения для браузера

 

Обработчики событий

Интерактивные страницы должны реагировать на действия пользователя. Например, при нажатии на кнопку появляется диалоговое окно с сообщением, или выполняется проверка правильности введенных пользователем данных в полях формы. В JavaScript подобная интерактивность реализована возможностью перехвата и обработки событий, возникающих в результате действий пользователя.

Для этого в тэги некоторых элементов (объектов с точки зрения JavaScript)

введены параметры обработки событий, задающие действия, выполняемые при возникновении события, связанного с элементом. Имя параметра обработки события начинается с приставки on, за которой следует название события.

 

Событие	Применяется к объектам	Когда происходит событие	Обработчик события
Abort	image	Пользователь отказывается от загрузки изображения	onAbort
Blur	window и все объекты формы	Потеря объектом фокуса	onBlur
Change	text, textarea, select	Пользователь изменяет значение элемента	onChange
Click	button, radio, checkbox, submit, reset, link	Щелчок на элементе формы или связи	onclick
DragDrop	window	Пользователь перетаскивает мышью объект в окно браузера, например файл	onDragDrop
Error	img, window	Загрузка документа или изображения вызывает ошибку	onError
Focus	window и все объекты формы	Окно или элемент формы получает фокус	onFocus
KeyDown	document, image, link, textarea	Пользователь нажимает клавишу клавиатуры	onKeyDown
KeyPress	document, image, link, textarea	Пользователь удерживает нажатой клавишу клавиатуры	onKeypress
KeyUp	document, image, link, textarea	Пользователь отпускает клавишу клавиатуры	опКеуUр
Load	body, frameset, img	Загрузка документа завершена	onLoad
MouseDown	document, button, link	Пользователь нажимает кнопку мыши	onMouseDown
MouseMove	Никакой	Пользователь перемещает курсор мыши	onMouseMove
MouseOut	area, link	Пользователь перемещает курсор из области изображения или со связи	onMouseOut
MouseOver	link	Пользователь перемещает курсор над связью	onMouseOver
MouseUp	document, button, link	Пользователь отпускает кнопку мыши	onMouseUp
Move	window	Пользователь или сценарий перемещает окно	onMove
Reset	form	Пользователь нажимает кнопку Reset формы	onReset
Resize	window	Пользователь или сценарий изменяет размеры окна	onResize
Select	text, textarea	Пользователь выбирает поле ввода элемента формы	onSelect
Submit	form	Пользователь нажимает кнопку Submit формы	onSubmit
Unload	body, frameset	Пользователь закрывает документ	onUnload

 

Ключевое слово this

Ключевое слово this используется для ссылки на текущий объект и обычно применяется для ссылки на объект при вызове процедуры обработки событий в обработчике событий элемента.

<INPUT TYPE="text" NAME="textl" SIZE=3

onChange=" validate (this. form. text 1} ">

 

Объект event

В JavaScript каждое событие порождает ассоциированный с ним объект event. Этот объект содержит всю информацию о событии и его можно передать процедуре обработки события. Информация о событии зависит от конкретного произошедшего события. Например, объект event события MouseDown содержит информацию о типе события (свойство type), какая кнопки мыши была нажата (свойство which), какая клавиша (Alt, Shift или Ctrl) удерживалась при щелчке кнопкой мыши (свойство modifiers), и значения координат курсора мыши в момент возникновения События (свойства screenX И screenY).

Объекты event совместно с обработчиками событий позволяют проводить достаточно тонкую обработку события.