Роботландский Университет © А.А.Дуванов

СПРАВОЧНИК

объект document

Объект document представляет собой модель документа, построенного браузером на экране.

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

свойство

описание

title

Название документа, определенное в теге TITLE. В IE это свойство можно читать и менять, в NN — только читать.

<SCRIPT language="JavaScript">
<!--
  var oldTitle=document.title;
//-->
</SCRIPT>
<FORM>
 <INPUT type=button value=title
        onclick="alert(document.title)"><BR>
 <INPUT name=t type=text value="Новое название">
 <INPUT type=button value="Изменить"
        onclick="document.title=this.form.t.value">
 <INPUT type=button value="Восстановить"
        onclick="document.title=oldTitle">
</FORM>

URL

Адрес страницы. В IE это свойство можно читать и менять, в NN — только читать.

<FORM>
 <INPUT type=button value="URL"
        onclick="alert(document.URL)"><BR>
 <INPUT name=u type="text" value="00.htm">
 <INPUT type=button value="Изменить"
        onclick="document.URL=this.form.u.value">
</FORM>

location

Адрес страницы. Это свойство можно читать и менять как в IE, так и в NN.

<FORM>
 <INPUT type=button value="location"
    onclick="alert(document.URL)"><BR>
 <INPUT name=u type="text" value="00.htm">
 <INPUT type=button value="Изменить"
    onclick="document.location=this.form.u.value">
</FORM>

lastModified

Дата последнего изменения документа.

<DIV align=center>
  <P>Этот документ менялся последний раз:
  <P>
  <STRONG><FONT color=#FF4900>
  <SCRIPT language="JavaScript">
  <!--
      document.write(document.lastModified);
  //-->
  </SCRIPT>
  </FONT></STRONG>
</DIV>

Этот документ менялся последний раз:

bgColor fgColor linkColor alinkColor vlinkColor

Цвета фона, текста, не посещенной ссылки, активной ссылки и посещенной ссылки (аналоги атрибутов bgcolor, text, link, alink, vlink тега BODY). Эти свойства доступны для чтения и записи.

Пример на эти свойства расположен здесь.

readyState

Возвращает значение complete после полной загрузки документа. Свойство поддерживается только в IE.

<FORM>
 <INPUT type=button value="readyState"
    onclick="alert(document.readyState)">
</FORM>

методы объекта

метод	браузер	описание
`open()`	IE NN	Открывает запись в окно браузера. Прежнее содержимое окна очищается.
`close()`	IE NN	Закрывает запись в окно браузера.
`clear()`	IE NN	Очистка окна браузера.
`write(str)`	IE NN	Записывает текст и код HTML, содержащийся в строке `str` в документ.
`writeln(str)`	IE NN	Записывает текст и код HTML, заканчивающийся возвратом каретки (переходом на новую строку). Переход на новую строку на экране браузера будет заметен лишь в том случае, если он выполняется внутри тега PRE.

Методы write и writeln удобно использовать в следующих случаях:

Короткий скрипт заменяет собой длинный HTML-код.
Документ строится, учитывая особенности браузера, разрешения экрана, даты, предпочтения пользователя,...
Создание документов полностью программным путем ("на лету").

пример

Напишем функцию HR, которая будет выводить в документ необычную горизонтальную полоску:

<SCRIPT language="JavaScript">
<!--
  // Перевод числа num в 16-ричную систему счислениЯ
  function ToHex(num)
  {
    var ret="";
    var s ="0123456789ABCDEF";
    while(num)
    {
       ret = s.charAt(num%16)+ret;
       num = Math.floor(num/16);
    }
    return !ret ? "0":ret;
  }

  // Формирование кода цвета в виде: #rrggbb
  function RGB(r,g,b)
  {
    r=ToHex(r); if (r.length<2) r = "0"+r;
    g=ToHex(g); if (g.length<2) g = "0"+g;
    b=ToHex(b); if (b.length<2) b = "0"+b;
    return "#"+r+g+b;
  }

  // Вывод горизонтальной полосы с растЯжкой серого цвета
  // win - ссылка на окно, в которое выполняется вывод
  function HR(win)
  {
    var str="<TABLE border=0 cellspacing=0 cellpadding=0><TR>";
    for(var i=80; i<240; i+=4)
      str += "<TD width=12 bgcolor="+RGB(i,i,i)+">&nbsp;</TD>";
    str += "</TR></TABLE>"
    win.document.write(str);
  }
//-->
</SCRIPT>

Если теперь, где-нибудь на страничке, вместо обычного HTML-кода написать:

<SCRIPT language="JavaScript">
<!--
    HR(window);
//-->
</SCRIPT>

то браузер нарисует в документе такую полоску:

Этот короткий скрипт заменяет HTML-код:

Можно написать функцию HRinWindow, которая открывает новое окно и использует в нем модифицированную горизонтальную полоску:

<SCRIPT language="JavaScript">
<!--
  // Вывод горизонтальной полосы с растЯжкой серого цвета
  // win  - ссылка на окно, в которое выполнЯетсЯ вывод
  // text - текст, который выводитсЯ в полосу
  function HRtext(win, text)
  {
    var str = "<TABLE border=0 cellspacing=0 cellpadding=0>";
    str +="<TR align=center>";
    var j = 0;
    for(var i=80; i<240; i+=4)
    {
      var c;
      if (j<text.length && text.charAt(j)!=" ")
           c="<FONT color=#FFFFFF>"+text.charAt(j)+"</FONT>"
      else c=" "
      str += "<TD width=13 bgcolor="+RGB(i,i,i)+">"+c+"</TD>";
      j++;
    }
    str += "</TR></TABLE>"
    win.document.write(str);
  }

  function HRinWindow()
  {
    var okno = "scrollbars=0,fullscreen=0,status=0,toolbar=0,"+
               "top=0,left=0,width=520,height=340,resizable=1";
    var newWin=window.open("", null, okno);
    newWin.document.open();
    newWin.document.bgColor="#DFD8C5";
    newWin.document.write("<FONT color=red>");
    newWin.document.write("<H1>Старик, упавший с каланчи</H1>");
    newWin.document.write("</FONT>");
    HRtext(newWin, "             Льюис Кэррол");
    newWin.document.write("<P>Ты эту песенку потом<BR>");
    newWin.document.write("\С друзь\ями разучи.<BR>");
    newWin.document.write("Я был знаком со Стариком,<BR>");
    newWin.document.write("Упавшим с каланчи.<BR><BR>");
    HRtext(newWin, "          Алиса в Зазеркалье");
    newWin.document.write("<FORM>");
    newWin.document.write("<INPUT type=button value=Закрыть ");
    newWin.document.write("onClick='self.close()'>");
    newWin.document.write("</FORM>");
    newWin.document.close();
  }
//-->
</SCRIPT>

Вызвать эту функцию можно так:

<FORM>
 <INPUT type="button" value="Показать" onClick="HRinWindow()">
</FORM>

Кроме рассмотренных выше свойст и методов (их список здесь не полон) объект document имеет еще 12 коллекций. Коллекция — это массив однородных объектов, каждый из которых имеет одинаковые методы и свойства. Коллекции объекта document рассмотрены здесь.