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

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

< Лекция 7 || Лекция 8: 123 || Лекция 9 >

Разбор сценария

Поговорим о каждой группе отдельно...

Почему в некоторых местах шрифт жирный?

Да в общем-то так, ради забавы. Найдите в сценарии элементы, которые выводятся жирным шрифтом. Как можно видеть, были просто добавлены команды <B> и </B> по обеим сторонам от имени переменной — внутри двойных кавычек. Раз это оператор document.write, то в текст можно вписать любые команды HTML, изменяющие текст. Только следите за тем, чтобы команды HTML находились внутри двойных кавычек, чтобы они воспринимались как текст, иначе браузер посчитает их частью скрипта — это было бы ошибкой.

Вернемся к нашим свойствам...

Свойства объекта 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>

Еще раз напоминаем, что текст в скобках должен быть весь на одной строке.

Люди любят эти свойства. Объект navigator имеет четыре свойства. Обратите внимание на заглавные буквы!

  • appName сообщает название браузера, например, Netscape или Explorer.
  • appVersion сообщает версию браузера и платформу, на которой он работает.
  • appCodeName сообщает кодовое имя, данное браузеру, например, Netscape называет свой браузер Mozilla.
  • userAgent сообщает версию используемого браузере.

Иногда важно знать версию браузера. Чуть позже мы изучим команды if (если). Зная браузер пользователя и его версию, можно дать команду: "Если браузер такой-то, сделать то-то."

Свойства объекта 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>Заголовок этой страницы <B>" +t+ "</B>.")
document.write("<BR>Последние изменения в документ внесены: <B>" 
+lm+ "</B>.")
</SCRIPT>

Снова напоминаем, что текст выше в скобках должен целиком располагаться в одной строке.

Свойства документа HTML очень популярны в JavaScript. Здесь перечислены девять. На самом деле их тринадцать, но остальные четыре нам пока не нужны. Они перечислены ниже.

  • bgColor возвращает шестнадцатеричный код цвет фона.
  • fgColor возвращает шестнадцатеричный код цвета текста.
  • linkColor возвращает шестнадцатеричный код цвета ссылки.
  • alinkColor возвращает шестнадцатеричный код цвета активной ссылки.
  • vlinkColor возвращает шестнадцатеричный код цвета посещенной ссылки.
  • location возвращает URL страницы.
  • referrer сообщает, с какой страницы пришел пользователь. Если информация недоступна, то возвращается пустое место.
  • title возвращает заголовок документа HTML, т .е. текст между командами TITLE.
  • lastModified сообщает дату, когда были внесены последние изменения в страницу (на самом деле дату, когда страница была загружена на сервер или сохранена последний раз на жестком диске).
  • cookie (не показано) возвращает текстовый файл cookie.
  • anchors (не показано) возвращает количество анкеров HREF на странице.
  • forms (не показано) возвращает массив (список) объектов формы на странице.
  • links (не показано) возвращает количество всех отдельных ссылок.

В данном случае также с помощью команды if можно сказать: "Если время больше 6 вечера, пусть текст будет белый, а фон черный. Если еще нет 6 вечера, то пусть фон будет голубой, а текст зеленый". Существует множество способов использовать свойства документа.

< Лекция 7 || Лекция 8: 123 || Лекция 9 >
Елена Сапегова
Елена Сапегова

После прохождения теоретической части пришло письмо об окончании теоретической части курса, будет ли практическая часть?

Эдуард Семынин
Эдуард Семынин

Здравствуйте.

Перестали быть видны лекции и тесты практикума по программированию на JavaScript. Уже второй день из моего аккаунта виден лишь план занятий. В чем может быть проблема?

 

Зарина Каримова
Зарина Каримова
Казахстан, Алматы, Гимназия им. Ахмета Байтурсынова №139, 2008
Akiyev Begench
Akiyev Begench
Беларусь, Полоцк, полоцкий государственный университет