Сценарии JavaScript в активных страницах Web

Цветовое оформление документа


Большинство свойств объекта objects доступно сценарию JavaScript как для чтения, так и для записи. Сначала мы попробуем динамически изменить цветовое оформление документа HTML, показанного на рис. 2.18.

Рис. 2.18. Документ HTML с цветовым оформлением, измененным при помощи сценария JavaScript

Сценарий изменил пять свойств документа HTML - цвет фона и текста, а также цвета посещенных, не посещенных и выбранных пользователем ссылок (листинг 2.8).

Листинг 2.8. Файл chapter2/ColorLinks/ColorLinks.html

<HTML>

  <HEAD>

    <TITLE>Color Links</TITLE>

    <SCRIPT LANGUAGE="JavaScript">

    <!--

      document.bgColor = "#00FF80";

      document.fgColor = "#800080";

      document.linkColor  = "#000000";



      document.alinkColor = "#FF0000";

      document.vlinkColor = "#4000FF";

    // -->

    </SCRIPT>

  </HEAD>

  <BODY BGCOLOR=white>

    <H1>Изменение цветового оформления</H1>

    <P>Посетите эти серверы:

    <P><A HREF="http://www.glasnet.ru/~frolov/index.html">Наша домашняя страница</A>

    <P><A HREF="http://www.auramedia.ru">Каталог программ Auramedia</A>

    <P><A HREF="http://www.microsoft.com/java/">Страница сервера Microsoft про Java</A>

    <P><A HREF="ColorLinks.html#Локальный раздел">Локальный раздел</A>

    <HR>

    <H1><A NAME="Локальный раздел">Локальный раздел</A></H1>

    <P>Этот локальный раздел вы можете просмотреть, даже если ваш компьютер не подключен к Internet

  </BODY>

</HTML>

Обратите внимание, что наш сценарий переопределяет цвет фона, заданный параметром BGCOLOR в операторе <BODY>:

document.bgColor = "#00FF80";

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



Содержание раздела