красным цветом даны
примечания переводчика
Концепция - Скрипт - Эффект - Разбор скрипта - Задание
КонцепцияИерархия объектов
JavaScript играет настолько важную роль, что мы
посвятим ей отдельный урок, но мы уже и так
начинаем понемногу ее осваивать. Было бы трудно рассмотреть все возможные свойства на одной странице. У меня три книжки по JavaScript, и в них я насчитал 56 различных свойств, определяющих многочисленные объекты. Поэтому сейчас я расскажу вам о нескольких наиболее популярных и о том, какую пользу они приносят. СкриптНиже вы увидите множество скриптов, но все они составлены по одной схеме: создается переменная для каждой команды объект.свойство, затем переменные помещаются в document.write(). Внимание: 1) заголовки жирным шрифтом не являются частью самих скриптов; 2) текст в скобках после document.write() должен располагаться на одной строке. Свойства объекта navigator (браузер) <SCRIPT LANGUAGE="javascript"> Свойства объекта document <SCRIPT LANGUAGE="javascript"> Свойства объекта history <SCRIPT LANGUAGE="javascript"> Два свойства объекта location (адрес) <SCRIPT LANGUAGE="javascript"> <SCRIPT LANGUAGE="javascript"> |
||
ЭффектНекоторые сведения о вашем компьютере: |
|
.
Разбор скриптаПоговорим о каждой группе отдельно... Почему местами шрифт жирный? Да так, ради забавы. Найдите в скрипте элементы, которые написаны жирным шрифтом. Я просто добавил команды <B> и </B> по обеим сторонам от имени переменной. Раз это document.write, в текст можно вписать любые команды HTML, изменяющие текст. Только следите за тем, чтобы команды HTML находились внутри двойных кавычек, иначе браузер посчитает их частью скрипта — это было бы ошибкой. Вернемся к нашим свойствам... Свойства объекта navigator <SCRIPT LANGUAGE="javascript"> Люди обожают эти штуки. Объект navigator имеет четыре свойства. Обратите внимание на заглавные буквы!
Иногда важно знать версию браузера. Чуть позже мы изучим команды If (если). Зная браузер пользователя, можно дать команду: "Если браузер такой-то, сделать то-то." Свойства объекта document <SCRIPT LANGUAGE="javascript"> Свойства документа очень популярны в JavaScript. Здесь я перечислил девять. На самом деле их тринадцать, но остальные четыре вам пока не нужны. Я перечислю их ниже:
Опять же, воспользовавшись командой If, вы можете сказать: "Если время больше 6 вечера, пусть текст будет белый, а фон черный. Если еще нет 6 вечера, то пусть фон будет голубой, а текст зеленый". Существует множество способов использовать свойства документа. Свойства объекта history <SCRIPT LANGUAGE="javascript"> Это очень популярный объект. Многим хочется иметь возможность вернуть пользователя на посещенные им страницы, то есть, воспроизвести кнопки "Вперед" и "Назад" на панели браузера. Объект history это позволяет. Объектом является журнал
посещений history. Это список страниц, посещенных
вашим браузером. Существует метод go() (пойти), который позволяет передвигаться по history.length. Два свойства объекта location <SCRIPT LANGUAGE="javascript"> <SCRIPT LANGUAGE="javascript"> Здесь объектом является location. Это URL на языке JavaScript, адрес страницы. Перед вами два свойства объекта location, host, и hostname. Команды выполняют одну и ту же задачу, сообщают URL либо в текстовом формате, либо номером IP, в зависимости от сервера. Но...
Если вы получаете одинаковый
результат от обеих команд, значит, ваш сервер не
прикрепил вас к специальному порту. Говоря
техническим языком, свойство "порта" — ноль. Есть еще множество всяческих свойств, с которыми вы встретитесь во время наших уроков. Это наиболее употребимые. Ваше заданиеOтлично, умники,
сделайте-ка вот что: пользуясь одной из вышеперечисленных
команд, напишите JavaScript, который создает ссылку на
страницу на вашем сервере. Например, если вы
находитесь на www.you.ru, JavaScript создаст ссылку на
www.you.ru/index.html. Здесь возможный ответ |
||
Концепция__Скрипт__Эффект__Разбор скрипта__Задание
авторы Джо Бернс и Эндри
Грауни. Оригинал и многое
другое на английском языке © EarthWeb Inc. |