Оглавление

Получение информации о HTML-документе

В качестве примера использования свойств документа и его элементов рассмотрим листинг 58. Он демонстрирует получение полной информации о HTML-документе.

 

Листинг 58. Объект document


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
         "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
 <title>Объект document</title>
 <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<div><a href="doc1.html" id="link1">Ссылка</a></div>
<script type="text/javascript">
<!--
document.write(document.URL + " – URL-адрес документа.<br>");
document.write(document.location.href + " – URL-адрес документа.<br>");
document.write(document.title + " – название документа.<br>");
document.title = "Новое название";
document.write(document.title + " – измененное название документа.<br>");
document.write(document.readyState + " – статус документа.<br><br>");
document.write(document.fileCreatedDate + " – дата ");
document.write("создания файла документа.<br>");
document.write(document.fileModifiedDate + " – дата ");
document.write("последнего изменения файла документа.<br>");
document.write(document.lastModified + " – дата и ");
document.write("время последнего изменения файла документа.<br>");
document.write(document.fileSize);
document.write(" – размер файла.<br><br>");
document.write("Цвет элементов до изменения параметров:<br><br>");
document.write(document.bgColor + " – цвет фона страницы;<br>");
document.write(document.fgColor + " – цвет текста страницы;<br>");
document.write(document.linkColor);
document.write(" – цвет гиперссылок документа;<br>");
document.write(document.alinkColor);
document.write(" – цвет активных гиперссылок;<br>");
document.write(document.vlinkColor);
document.write(" – цвет посещенных гиперссылок.<br><br>");
document.bgColor = "#009000";
document.fgColor = "#FFFFFF";
document.linkColor = "#FFFFFF";
document.alinkColor = "red";
document.vlinkColor = "black";
document.write("Цвет элементов после изменения параметров:<br><br>");
document.writeln(document.bgColor + " – цвет фона страницы;<br>");
document.writeln(document.fgColor + " – цвет текста страницы;<br>");
document.writeln(document.linkColor);
document.write(" – цвет гиперссылок документа;<br>");
document.writeln(document.alinkColor);
document.write(" – цвет активных гиперссылок;<br>");
document.writeln(document.vlinkColor);
document.write(" – цвет посещенных гиперссылок.<br><br>");
if (document.all) {
   document.write(document.all.link1.tagName);
   document.write(" – имя тега с id = link1.<br>");
}
document.write(document.getElementById("link1").innerHTML);
document.write(" – содержимое тега с id = link1.<br>");
document.getElementById("link1").innerHTML = "Новый текст ссылки";
document.write(document.getElementById("link1").innerHTML);
document.write(" – новое содержимое тега с id = link1.<br>");
//-->
</script>
<div style="margin-top: 300px">
<input type="button" value="Нажмите, чтобы увидеть ссылку" 
onclick="document.getElementById('link1').scrollIntoView();"></div>
</body>
</html>

 

 

Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити