Отправляет email-рассылки с помощью сервиса Sendsay

JavaScript для начинающих. Изучаем с нуля.

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Заметки Дизайнера" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

  Июль 2005   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
ImHoster.net

Статистика

2.443 подписчиков
-1 за неделю
←   Все выпуски   →

JavaScript для начинающих. Изучаем с нуля. выпуск третий


Информационный Канал Subscribe.Ru
Рассылка для всех, кто желает освоить JavaScript

JavaScript для начинающих
Изучаем с нуля

Выпуск #3, 2005-07-26
Письмо автору
Если нужен хостинг
 Сборник Java-скриптов Свой сайт за 15 минут

Создание простых сценариев

Как вы уже знаете JavaScript - это язык подготовки сценариев для вэб-документов. Команды JavaScript вставляются напрямую в документ HTML, и сценарий выполняется непосредственно при загрузке его в браузере.

Инструменты создания сценариев

Вам нет необходимости приобретать специальное программное обеспечение для создания сценариев JavaScript. Все что для этого необходимо - это текстовый редактор. Подойдет любой, если вы еще не определились, пользуйтесь БЛОКНОТОМ, который входит в состав Windows.

Отсчет времени

Одно из привычных использований JavaScript - это отображение даты и времени. Поскольку сценарий JavaScript выполняется в браузере, необходимо время отображать в соответствии с временным поясом места жительства пользователя. Для начала создадим сценарий вычисления всеобщего скоординированного времени. (Всеобщее скоординированное время соответствует времени нулевого меридиана или времени по Гринвичу. Это время абсолютного уровня отсчета дат.)

Начало сценария

Наш сценарий, как и большинство других программ JavaScript, начнем с дескриптора <SCRIPT>.

Откройте текстовый редактор (БЛОКНОТ) и введите пару дескрипторов <SCRIPT>: 

<SCRIPT LANGUAGE="JavaScript">
</SCRIPT>

Добавление операторов JavaScript

Чтобы успешно создать сценарий, необходимо сначала правильно определить местное и абсолютное время, а затем отобразить их на вэб-странице. Преобразование времени из одного формата в другой осуществляется исключительно встроенными средствами JavaScript.

Сохранение данных в переменных

В самом начале сценария необходимо определить переменную, в которой будет сохраняться текущая дата и дата начала нового тысячелетия. Детально о переменных речь пойдет дальше, пока воспринимайте их как контейнеры, содержащие определенную информацию.

После дескриптора <SCRIPT> введите приведенные ниже строки. Обратите внимание на использование строчных и прописных букв - JavaScript не только их различает, но и использует по-разному: 

now = new Date();

Этот оператор создает переменную now, которая принимает значение текущей даты. Этот оператор и другие, используемые в сценарии, построены на основе объекта Data, необходимого для задания дат.

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

Вычисление значения

JavaScript определяет дату, как количество миллисекунд, отсчитанных от 1 января 1970 года. Но это не значит, что вам нужно в ручную высчитывать и переводить время, для этого есть встроенные функции.

Чтобы завершить сценарий, перед закрывающим дескриптором </SCRIPT> введите следующие две строки: 

localtime=now.toString();
utctime=now.toGMTString();

Эти операторы создают две новые переменные: localtime и utctime. Первая содержит текущее время и дату, а вторая - их абсолютные значения.

В конечном счете обе переменные содержат текстовые значения. Например, January 25, 2004 12:00 PM. Выражаясь языком программистов, сохраненный в переменной текст называется строкой. Детально о строках поговорим позже.

Вывод результата на экран

Теперь, когда есть две переменные, принимающие требуемое значение в секундах, самое время побеспокоиться о выводе результата на экран. В JavaScript существует несколько способов отображения данных на экране. Один из самых простых заключается в применении оператора document.write.

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

document.write("<b>Текущее время: </b>" + localtime + "<BR>");
document.write("<b>Абсолютное время: </b>" + utctime + "</p>");

Эти операторы указывают браузеру вывести введенный в кавычках текст, а после него значение соответствующей переменной. Обратите внимание на символ "+", введенный между отображаемым текстом и переменными. В данном случае он указывает на отображение текста и значения переменной в одной строке. Если использовать этот символ между двумя переменными, то их значения будут просто суммироваться и на экране отобразится их сумма.

Вставка сценария на вэб-страницу

Теперь есть готовый сценарий, готовый для вставки на вэб-страницу. Сначала проверьте код сценария, он должен быть таким: 

<SCRIPT LANGUAGE="JavaScript">
now = new Date();
localtime=now.toString();
utctime=now.toGMTString();
document.write("<b>Текущее время: </b>" + localtime + "<BR>");
document.write("<b>Абсолютное время: </b>" + utctime + "</p>");
</SCRIPT>

Для того чтобы выполнить сценарий, необходимо вставить его в код HTML-документа. Самый простой документ HTML содержит элементы HTML, HEAD и BODY. Добавьте необходимые теги и заголовок вэб-страницы к имеющемуся сценарию и получится вполне загружаемый в браузер документ HTML: 

<HTML>
<HEAD><TITLE>Отображение даты</TITLE>
<BODY>
<H1>Текущее время</H1>
<p>
<SCRIPT LANGUAGE="JavaScript">
now = new Date();
localtime=now.toString();
utctime=now.toGMTString();
document.write("<b>Текущее время: </b>" + localtime + "<BR>");
document.write("<b>Абсолютное время: </b>" + utctime + "</p>");
</SCRIPT>
</BODY>
</HTML>

Вот вы и получили документ HTML со сценарием JavaScript. Сохраните его с расширением .html или .htm.

Тестирование сценария

Для того, чтобы протестировать сценарий, необходимо просто загрузить полученную вэб-страницу в браузер. Откройте страницу в вашем браузере. Если вы все сделали правильно, то должны получить примерно следующее:

Текущее время

Текущее время: Tue Jul 26 13:41:19 UTC+0400 2005
Абсолютное время: Tue, 26 Jul 2005 09:41:19 UTC

Только время и дата будут ваши.

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

До встречи!

Письмо автору
Если нужен хостинг
 Сборник Java-скриптов Свой сайт за 15 минут

ведущий рассылки: Виталий Прохоренко
http://nbusiness.ru

Subscribe.Ru
Поддержка подписчиков
Другие рассылки этой тематики
Другие рассылки этого автора 		Подписан адрес:
Код этой рассылки: inet.webbuild.javascripts 		Отписаться
Вспомнить пароль
В избранное