Создание длинной строки

Мы не будем разбирать ее целиком, потому что вы наверняка уже поняли, что надо делать. Оставим только cтроку c датой. Вот как это выглядит:

document.write("Сегодня " + (Now.getMonth()+1)+ "-" + Now.getDate() + "-" + Now.getFullYear() + ". Вы зашли на Web-страницу ровно в: " + Now.getHours() +":" + Now.getMinutes() + " и " + Now.getSeconds() +" секунд")

1. Начинаем с "Сегодня ", прибавив в конце пробел.

2. Затем следует знак плюс.

3. (Now.getMonth() + 1) добавляется без кавычек, потому что нам нужен не этот текст, а возвращаемое число.

4. Еще плюс.

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

6. Плюс.

7. Потом Now.getDate() без кавычек, чтобы у нас был месяц.

8. Плюс.

9. Еще дефис в кавычках, чтобы он был виден на странице.

10. Плюс.

11. Еще один метод Now.getFullYear сообщит год.

Продолжайте дальше по этой схеме, и сценарий выведет именно то, что вы хотите. Тогда вы всем сможете сказать, который час.

Известная проблема

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

Что же делать? Прибавить 1, разумеется! Тут требуется известная сноровка. Нужно ввести несколько переменных, то есть присвоить имя некоему элементу (это еще будет в Уроке 6). Вы присваиваете new Date() имя, как уже делали раньше. Затем присваиваете имя коду, который вызывает месяц. Ниже я назвал его mpo (Mесяц Плюс Oдин). И прибавляете к этому имени единицу. Эту новую команду я назвал mpo1. Звучит несколько запутанно, но не торопитесь. Вот как это выглядит:

<SCRIPT LANGUAGE="javascript"> RightNow = new Date();var mpo = RightNow.getMonth();var mpo1 = mpo + 1document.write("Сегодня месяц " +mpo1+ "."); </SCRIPT>

Вот что получилось:

Cегодня месяц 8.

Это уж правильный месяц, или как?

Задание

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

Возможное решение

Привет! Сегодня у нас 18/8/2006.

Вот сценарий:

<SCRIPT LANGUAGE="JavaScript"> // Автор сценария tttt@mail.ruNow = new Date();var mpo = Now.getMonth();var mpo1 = mpo + 1document.write("<FONT COLOR='green'>Привет! Сегодня у нас:</FONT>" + Now.getDate() + "/" + mpo1 + "/" + Now.getFullYear() + ".")</SCRIPT>

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

4. Урок: Обработчики событий: onMouseover

События в JavaScript. Обработка события onMouseOver.

Концепция

Мы обсудили объекты и методы. Теперь приступим к рассмотрению событий (events).

Сначала несколько вводных замечаний. События (event) и обработчики событий (event handler) относятся к JavaScript, но они скорее "встроены" в HTML-код, а не существуют самостоятельно, как те сценарии, которые мы создали. События являются встроенными, так что они не требуют команд <SCRIPT> и </SCRIPT>. Сами они являются не сценариями, а скорее небольшими интерфейсами, обеспечивающими взаимодействие между страницей и читателем.

События — это то, что происходит. Они добавят динамики Web-сайту. Увидев их, посетители сайта скажут: "Ух ты!", а длинные сценарии JavaScript для этого совсем не понадобятся.

Существует множество событий, с которыми мы со временем познакомимся, но для начала выберем одно из наиболее популярных — onMouseOver (навести курсор мыши).

Сценарий

<A HREF="http://www.mail.ru" onMouseOver="window.status='Почтовая служба'; return true">Ссылка</A>