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

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

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

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

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

←   Август 2005   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
16.08.2005
16:31:55
16:33:01
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 для начинающих
Изучаем с нуля

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

В прошлый раз мы создали сценарий для вычисления всеобщего скоординированного времени. 


<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>

Если помните, время отображалось не в очень привлекательном виде, вот так:

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

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

Для того чтобы отобразить время красиво, придется немного преобразовать программу сценария. Отобразим время так, как это делает большой электронный будильник. Для этого необходимо воспользоваться некоторыми дополнительными средствами JavaScript и HTML.

Введем три новые переменные: для часов, минут и секунд. И в этом случае все сложные вычисления выполнят встроенные функции JavaScript. Код сценария будет таким: 


1:     <HTML>
2:     <HEAD><TITLE>Отображение даты</TITLE>
3:     <BODY>
4:     <H1>Текущее время</H1>
5:     <p>
6:        <SCRIPT LANGUAGE="JavaScript">
7:        now = new Date();
8:        localtime=now.toString();
9:        utctime=now.toGMTString();
10:       hours=now.getHours();
11:       mins=now.getMinutes();
12:       secs=now.getSeconds();
13:       document.write("<b>Текущее время: </b>" + localtime + "<BR>");
14:       document.write("<b>Абсолютное время: </b>" + utctime + "</p>");
15:       document.write("<font size='+5'>");
16:       document.write(hours + ":" + mins + ":" + secs);
17:       document.write("</font>"); 
18:    </SCRIPT>
19:    </BODY>
20:    </HTML>

Обращаю внимание, что номера строк введены для удобства, и при написании сценария их писать не нужно.

Три новые переменные заданы в строках 10-12. В них сохраняются часы, минуты и секунды текущего времени.

В строке 15 добавляется дескриптор <font>. Он используется для отображения значений шрифтом большого размера. В следующей строке (16) на экран выводится значение всех трех новых переменных, разделенных символом двоеточия (:). В строке 17 с помощью JavaScript вводится закрывающий тег </font>.

После изменения сценария сохраните код вэб-документа в формате HTML. Откройте его в браузере. Если оставить браузер открытым и периодически нажимать кнопку ОБНОВИТЬ, то можно обновлять время в его окне. Протестируйте сценарий, если вы все ввели правильно, то должно получиться примерно следующее:

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

Текущее время: Tue Aug 2 17:11:21 UTC+0400 2005
Абсолютное время: Tue, 2 Aug 2005 13:11:21 UTC

17:11:21

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

Выявление и устранение ошибок

Вот мы и создали полезный сценарий JavaScript и даже успели его изменить. Теперь изменим сценарий таким образом, чтобы он содержал ошибку.

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

Для создания ошибки, например измените оператор в строке 17, удалите закрывающую скобку. Тогда оператор будет выглядеть вот так:

document.write("</font>";

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

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

В Netscape Navigator 4.5 и выше включено средство JavaScript Console, которое отображает сообщения об ошибках. Чтобы отобразить консоль JavaScript, в поле адреса браузера введите javascript:.

В Internet Explorer версии 4.0 и выше выберите Tools => Internet Options (Сервис => Свойства обозревателя). На вкладке Advanced (Дополнительно) снимите флажок опции Disable Script Debugging (Запретить отладку сценариев) и поставьте флажок Display a notification every script error (Выводить сообщение о каждой ошибке сценария).

В нашем случае сообщение missing ) after argument list, правильно определяет источник ошибки. Но, будьте готовы к тому, что сообщение об ошибке не всегда правильно определяет ее причину. В любом случае, в окне консоли JavaScript указывается строка, в которой встречается ошибка.

Скрытие сценариев от старых браузеров

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

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

Комментарии в HTML начинаются с <!-- и заканчиваются -->. В следующем примере приведен код простого сценария, скрытого комментариями: 


1:     <SCRIPT LANGUAGE="JavaScript">
2:     <--
3:     document.write("Ваш браузер поддерживает JavaScript");
4:     // -->  
5:     </SCRIPT>

Этот сценарий включает открывающий и закрывающий дескрипторы комментариев. Оператор // последний в комментарии. Он защищает комментарий HTML от определения его как ошибки в коде JavaScript.

Процедура скрытия сценария JavaScript не идеальна. Отдельные символы (подобные символу >) могут обозначить конец комментария раньше, чем это необходимо.

До встречи!

Как зарабатывать большие деньги в Интернете не обладая СВОИМ цифровым товаром?

Ответ на этот вопрос Вы узнаете, подписавшись на рассылку

"БИЗНЕС СО СКОРОСТЬЮ МЫСЛИ"


Ваше имя :
Ваш email :

Если вы ваша почтовая программа не обрабатывает формы, то откройте эту страницу в браузере, или подпишитесь ЗДЕСЬ


Скачай БЕСПЛАТНО

Джо Карбо
"Как заработать деньги, будучи ленивым"

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

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

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

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