|
После прохождения теоретической части пришло письмо об окончании теоретической части курса, будет ли практическая часть? |
Концепция свойств
Разбор сценария
Поговорим о каждой группе отдельно...
Почему в некоторых местах шрифт жирный?
Да в общем-то так, ради забавы. Найдите в сценарии элементы, которые выводятся жирным шрифтом. Как можно видеть, были просто добавлены команды <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 вечера, то пусть фон будет голубой, а текст зеленый". Существует множество способов использовать свойства документа.