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