Добавляем...


Исторически обусловленные свойства объекта Document
В рамках традиционной объектной модели JavaScript, предлагаемой первыми версиями браузеров типа Netscape 3, для работы была доступна малая часть документа HTML. Изначально свойства объекта Document были связаны с основными атрибутами HTML-дескриптора <body>, связанными с установкой цвета фона, ссылок и текста. Были и другие свойства, в том числе время последней модификации документа, его заголовок и адрес URL. Конечно, объект Document содержал основные коллекции различных элементов разметки, включаемых в документ, например анкеры, формы, изображения и ссылки. Позже модель DOM позволила выйти за пределы встроенных коллекций и получить доступ к любому элементу разметки. Пока что давайте рассмотрим свойства объекта Document, которые исторически стали предлагаться всеми браузерами, обеспечивающими поддержку JavaScript.

Цветовые свойства документа

Традиционная объектная модель JavaScript поддерживает множество свойств, позволяющих считывать и устанавливать цвета документа, его текста и ссылок. Свойства объекта Document, с помощью которых выясняются и устанавливаются цвета страницы, показаны в таблице. Обратите внимание на соответствие этих свойств атрибутам HTML дескриптора <body>.
Свойство объекта Document Описание
aLinkColor Цвет ссылки, когда она активна или нажата, указанный с помощью <body bgcolor="цвет">; по умолчанию красный
fgColor Цвет текста документа, указанный с помощью <body text="цвет">
linkColor Цветне посещавшейся ссылки, указанный с помощью <body vlink="цвет">; по умолчанию синий
vlinkColor Цвет посещавшейся ссылки, указанный с помощью <body vlink="tieer">; по умолчанию фиолетовый


Конечно, современные спецификации HTML отвергают эти атрибуты в пользу свойств CSS, предполагая, что последние тоже должны быть доступны через свойства объекта Document. На самом деле, хотя DOM уровня 1 непосредственно не поддерживает указанные свойства, все использующие JavaScript браузеры продолжают их поддерживать и, вероятно, будут делать это и в обозримом будущем. Вот пример использования связанных с цветом свойств документа.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Проверка цветовых свойств документа</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
<!--
function setColors(form)
{
with (form)
{
document.bgColor = backgroundColor.value;
document.fgColor = textColor.value;
document.alinkColor = activeLinkColor.value;
document.linkColor = linkColor.value;
document.vlinkColor = visitedLinkColor.value;
}
}
//-->
</script>
</head>
<body bgcolor="red" text="black" link="blue" alink="yellow" vlink="purple">
<h2>Проверка ссылок</h2>
<a href="fakeURL.htm" onclick="return false">Не посещавшаяся ссылка</a><br />
<a href="#" onclick="return false">Щелкните здесь, чтобы увидеть активный цвет</a><br />
<a href="#">Посещавшаяся ссылка</a><br />
<form name="colors" id="colors" action="#" method="get">
<h2>Цвета страницы</h2>
Цвет фона:
<input type="text" name="backgroundColor" id="backgroundColor" value="red" /><br />
Цвет текста:
<input type="text" name="textColor" id="textColor" value="black" /><br />
<h2>Цвет ссылок</h2>
Не посещавшаяся:
<input type="text" name="linkColor" id="linkColor" value="blue" /><br />
Активная:
<input type="text" name="activeLinkColor" id="activeLinkColor" value="yellow" /><br />
Посещавшаяся:
<input type="text" name="visitedLinkColor" id="visitedLinkColor" value="purple" /><br />
<input type="button" value="цстановить цвет" onclick="setColors(this.form);" />
</form>
</body>
</html>

просмотреть

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


добавить комментарий
(без перезагрузки и регистрации)


10 случайных разделов

Что ищем на сайте ?


Примеры кода на сайте







@ 2008-2011 Amber
При использовании материалов ссылка на сайт обязательна
Яндекс.Метрика