Опубликован: 19.10.2006 | Уровень: для всех | Доступ: платный
Лекция 8:

Концепция свойств

< Лекция 7 || Лекция 8: 123 || Лекция 9 >
Аннотация: Объектная модель документа. Основные объекты и их свойства.

Концепция

Иерархия объектов JavaScript играет настолько важную роль, что мы посвятим ей отдельный урок, но мы уже и так начинаем понемногу ее осваивать.

Нам известно, что существуют объекты, например, document, и методы, например, write, которые воздействуют на объекты. В Уроке 6 мы немного имели дело с созданием объектов или созданием переменных. Теперь рассмотрим концепцию свойств. Мы уже слегка касались этой темы. Свойства представляют собой часть или качество объекта. В Уроке 4 мы работали со свойством документа bgColor.

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

Сценарий

Ниже вы увидите несколько сценариев, но все они составлены по одной схеме: для каждой команды объект.свойство ( object.property ) создается переменная, затем переменные помещаются в команду document.write() для вывода.

Свойства объекта "navigator" (браузер)

<SCRIPT LANGUAGE="javascript">
var an = navigator.appName;
var av = navigator.appVersion;
var acn = navigator.appCodeName;
var ua = navigator.userAgent;
document.write("Вы пользуетесь <B>" +an+ "</B>, 
версия " +av+ ".
<BR>Кодовое название " +acn+ ", заголовок " 
+ua+ "." );
</SCRIPT>

Приведенный выше текст в скобках должен располагаться на одной строке.

Свойства объекта "document"

<SCRIPT LANGUAGE="javascript">
var bgc = document.bgColor;
var fgc = document.fgColor;
var lc = document.linkColor;
var al = document.alinkColor;
var vlc = document.vlinkColor;
var url = document.location;
var ref = document.referrer;
var t = document.title;
var lm = document.lastModified; 
document.write("Цвет фона этой страницы <B>" 
+bgc+ "</B>.")
document.write("<BR>Цвет текста этой страницы <B>" +fgc+ "</B>.")
document.write("<BR>Цвет ссылок этой страницы <B>" +lc+ "</B>.")
document.write("<BR>Цвет активной ссылки этой страницы 
<B>" +al+ "</B>.")
document.write("<BR>Цвет посещенной ссылки этой страницы 
<B>" +vlc+ "</B>.")
document.write("<BR>URL этой страницы <B>" +url+ "</B>.")
document.write("<BR>До этого вы были на странице <B>" +
ref+ "</B>.")
document.write("<BR>Заголовок этой страницы (TITLE) <B>" +t+ "</B>.")
document.write("<BR>Последние изменения в документ внесены: <B>" 
+lm+ "</B>.")
</SCRIPT>

Свойства объекта "history"

<SCRIPT LANGUAGE="javascript">
var h = history.length;
document.write("До этой страницы вы посетили" +h+ " страниц.")
</SCRIPT>

Два свойства объекта "location" (адрес)

<SCRIPT LANGUAGE="javascript">
var hst = location.host
document.write("Страница находится на <B>" + hst + 
"</B>." )
</SCRIPT>

<SCRIPT LANGUAGE="javascript">
var hstn = location.hostname
document.write("Страница находится на <B>" + hstn + 
"</B>." )
</SCRIPT>

Результат работы сценариев (возможный)

Некоторые сведения о вашем компьютере.

Вы пользуетесь Opera, версия 9.01 (Windows NT 5.1; U; ru).
Кодовое название Mozilla, заголовок Opera/9.01 (Windows NT 5.1; U; ru).

Цвет фона этой страницы #334775.
Цвет текста этой страницы #334775.
Цвет ссылок этой страницы #fbbcac.
Цвет активной ссылки этой страницы #d0550b.
Цвет посещенной ссылки этой страницы #fbbcac.
URL этой страницы http://jsp.newmail.ru/les7.htm.

До этого вы были на странице .

Заголовок этой страницы Урок 7. Концепция свойств.
Последние изменения внесены: Fri, 27 Jun 2003 00:09:36 GMT.

До этой страницы вы посетили 1 страниц.

Страница находится на  www.mail.ru.

Страница находится на www.mail.ru.
< Лекция 7 || Лекция 8: 123 || Лекция 9 >
Елена Сапегова
Елена Сапегова
Есть ли практическая часть у курса повышения квалификации «web-дизайн»?
Эдуард Семынин
Эдуард Семынин
Перестали быть видны лекции и тесты.
Администратор Администратор
Администратор Администратор
Россия, Москва, МГУ, 1986
Наталья Алмаева
Наталья Алмаева
Россия