Объект браузера: Document

Свойства объекта document

URL. Полный URL документа.
location. Полный URL документа.
referrer. URL вызывающего документа.
title. Заголовок документа, определенный тегом <TITLE>.
bgColor. Цвет фона документа.
fgColor. Цвет текста.
linkColor. Цвет cсылок.
alinkColor. Цвет выбранных cсылок.
vlinkColor. Цвет посещенных cсылок.
links. Массив всех cсылок в документе.
anchors. Массив локальных меток. Применяется для организации ссылок внутри документа.
applets. Массив аплетов Java.
forms. Массив форм в виде объектов.
images. Массив растровых изображений.
embeds. Массив объектов plug-in.
lastModified. Дата последнего изменения документа.
cookie. Значение cookie для текущего документа.

Пример:

	<html>
	<head>
	<meta http-equiv=Content-Type
	content="text/html; charset=windows-1251">
		<SCRIPT LANGUAGE="JavaScript">
		<!--
		document.bgColor="FFFF00";
		document.fgColor="800080";
		document.linkColor="000000";
		document.alinkColor="FF0000";
		document.vlinkColor="0000FF";
		//-->

		</SCRIPT>
	</head>
	<body lang=RU>
		<H2>Изменение
		цвета фона, текста и ссылок</H2>
		<a href="be.htm"><img
		src="be.gif" align="bottom">Кто это?</a><br>

		<a href="ba.htm"><img
		src="ba.gif" align="bottom">Кто это?</a>
	</body>
	</html>

Объект document может содержать в себе другие объекты, доступные как свойства:

anchor. Локальная метка, определенная тегом <A>.
form. Форма, определенная тегом <FORM>.
history. Список посещенных URL.
link. Текст или изображение, играющие роль гипертекстовой ссылки, созданной тегом <A>, в котором дополнительно заданы обработчики событий onClick и onMouseOver.

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

сlear. Удаление содержимого документа из окна просмотра.
write. Запись в документ произвольной HTML-конструкции.
writeln. Аналогичен write, но с добавлением символа перевода строки в конец строки.
open. Открытие выходного потока для записи в HTML-документ данных типа MIME при помощи методов write и writeln.
close. Закрытие потока данных, открытого методом open. В окне будут отображены все изменения содержимого документа, сделанные сценарием после открытия потока.

Ссылки в документе

Для каждой ссылки, размещенной в HTML-документе, создается отдельный объект. Все такие объекты находятся в объекте document как элементы массива links. Анализируя эти элементы, сценарий JavaScript может определить свойства каждой ссылки в HTML-документе:

length. Количество ссылок в HTML-документе, т.е. количество элементов в массиве links.
hash. Имя локальной ссылки, если она определена в URL.
host. Имя узла и порт, указанные в URL.
hostname. Имя узла и доменное имя узла сети. Если доменное имя недоступно, вместо него указывается адрес IP.
href. Полный URL.
pathname. Путь к объекту, указанный в URL.
port. Номер порта, использумого для передачи данных с сервером, указанным в ссылке.
protocol. Строка названия протокола передачи данных (включающая символ "двоеточие"), указанного в ссылке.
search. Строка запроса, указанная в URL после символа "?".
target. Имя окна, куда будет загружен документ при выполнении ссылки. Это может быть имя существующего окна фрейма, определенного тегом <FRAMESET>, или одно из зарезервированных имен - _top, _parent, _self, _blank.

Пример:

	<html>
	<head>
	<meta http-equiv=Content-Type
	content="text/html; charset=windows-1251">
	</head>
	<body lang=RU>
		<P><A HREF="http://kdg.HtmlWeb.ru/"
		TARGET="_top">Моя страница</A>
		<P><A HREF="http://www.dstu.edu.ru/">Здесь учился</A>
		<P><A HREF="http://www.tnk-ug.ru/">Здесь работаю</A>

		<HR>
		<H1>Свойства ссылок</H1>
		<SCRIPT LANGUAGE="JavaScript">
		<!--
		// Цикл по всем ссылкам
		for(i=0; i<document.links.length; i++)
		{
		// Разделительная линия
		document.write("<HR>");
		// Текст ссылки, выделенный жирным шрифтом
		var Txt=document.links[i] + "<br>";
		document.write(Txt.bold());
		// Все свойства ссылки
		document.write("host: ".italics() + document.links[i].host +

		"<br>");
		document.write("hostname: ".italics() +
		document.links[i].hostname + "<br>");
		document.write("href: ".italics() + document.links[i].href +
		"<br>");
		document.write("pathname: ".italics() +
		document.links[i].pathname + "<br>");
		document.write("port: ".italics() + document.links[i].port +
		"<br>");
		document.write("search: ".italics() + document.links[i].search
		+ "<br>");
		document.write("target: ".italics() + document.links[i].target
		+ "<br>");
		}
		//-->

		</SCRIPT>
	</body>
	</html>

Объект браузера: Document

Свойства объекта document

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

Ссылки в документе

Практическая работа