Главная Интернет WEB-учебник JavaScript


Интернет клуб

Новая страница
Описание html
Javascript

Что такое JavaScript
Обьект "Document"
Обработка событий
Обработка событий (Продолжение)
Обработка даты
Определение браузера
Операции с мышкой
Создание новых окон
Бегущая строка
Переход по выбору

Java в примерах
Полезные сайты
Задайте вопрос









Web-учебник. Раздел 3. Javascript.





Обьект "Document"



Обьект описывает HTML - документ, выведенный на экран в данный момент. Включает следующие основные функции:

  • write - вывод информации в документ,
  • writeln - то же с переходом на новую строку,

    Основные аттрибуты:

  • location - адрес документа, ссылающегося на данный,
  • title - получение заголовка документа,
  • bgСolor - задает цвет фона,
  • fgСolor - задает цвет текста документа,
  • linkСolor - задает цвет непосещенных ссылок,
  • vlinkСolor - задает цвет посещенных ссылок,
  • lastModified - дата и время последней корректировки,
  • URL - URL документа, содержащего ссылку на данный документ,
  • referrer - URL документа, из которого "браузер" лошел до данного,
  • images[] - массив ссылок в документе,
  • links[] - массив ссылок в документе,
  • anchors[] - массив меток (адресов ссылок) в документе,
  • forms[] - массив обьектов Form, по одному для каждого Form,
  • images.length - количество обьектов images в документе,
  • links.length - количество обьектов links в документе,
  • anchors.length - количество обьектов anchors в документе,
  • forms.length - количество обьектов images в документе.

    Команда write.

    Выведем на экран простой текст:
    <SCRIPT LANGUAGE="JavaScript">
    document.write("Пишем в Домашней странице");
    </SCRIPT>

    Результат выполнения этих команд:

    Отметим следующее:
    - Каждая вставка в JavaScript в HTML - документе начинается командой <SCRIPT> с необязательным параметром LANGUAGE и заканчивается командой </SCRIPT>
    - Вывод сообщения осуществляется с помощью команды writeобьекта document

    - Для обработки текста можно использовать команды HTML - например, для вывода текста наклонным шрифтом задайте:

    <SCRIPT LANGUAGE="JavaScript">
    document.write("<I>Наш первый пример на JavaScript</I>");
    </SCRIPT>

    И Вы получите:



    - Аналогично, можно вывести выделенный шрифт и с подчеркиванием, изменить размер и цвет текста.

    Для вывода графмческого изображения file.gif зададим команду:
    <SCRIPT LANGUAGE="JavaScript">
    document.write("<img src = 'file.gif'>")
    </SCRIPT>

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

    Изменение цвета текста и фона:

    <SCRIPT LANGUAGE="JavaScript">
    document.bgColor = "#008000",
    document.fgColor = "#FFFFFF",
    </SCRIPT>

    Устанавливается темно-зеленый цвет фона (008000) и белый цвет текста (FFFFFF).

    Вывод заголовка документа:


    <SCRIPT LANGUAGE="JavaScript">
    document.write(document.title);
    </SCRIPT>

    На экране Вы увидите заголовок документа :

    Дата последней модификации страницы:

    Без указания даты последней корректировки не обходится ни одна уважающая себя страница. В JavaScript эта дата задается следующим образом:

    <SCRIPT LANGUAGE="JavaScript">
    document.write(document.lastModified);
    </SCRIPT>

    На экране Вы увидите дату в виде: месяц / день / год :


    Здесь мы используем 2 функции обьекта document:
    - lastModified - получает дату последней корректировки,
    - print - выводит полученную дату на экран.

    Я прошу обратить внимание на следующее: в некоторых редакторах (например, EZ в Geocities) при просмотре (Prewiew) на зкране Вы видите вместо даты следующий текст:

    12/31/69 16:00:00

    Но после записи в страницу при просмотре браузером Netscape все отображается нормально.

    URL документа, ссылающегося на данный:

    Выведем следующую информацию:

    <SCRIPT LANGUAGE="JavaScript">
    document.write(document.URL);
    </SCRIPT>

    На экране Вы увидите URL документа, ссылающегося на данный:

    URL документа, из которого "браузер" дошел до данного:

    Выведем следующую информацию:

    <SCRIPT LANGUAGE="JavaScript">
    document.write(document.referrer);
    </SCRIPT>

    На экране Вы увидите URL документа, из которого "браузер" дошел до данного:

    Массив обьектов Image в данном документе.

    Выведем первый обьект Image в данном документе.

    <SCRIPT LANGUAGE="JavaScript">
    document.write(document.images[1]);
    </SCRIPT>

    На экране Вы увидите имя image документа:




















  •   ©1996-2007   Megapolis Org   E-mail:   info@megapolis.org