Лабораторная работа №1

---

Тема данного урока - семь методов объекта: getDay(), getDate(), getMonth(), getYear(), getHour(), getMinute(), и getSecond() (получить День, Число, Месяц, Год, Час, Минуту, Секунду). Все они уже существуют, их можно взять и поместить на страницу. Проблема в том, что это всего лишь методы. Для воздействия им нужен объект, а документ для этих целей не подходит, поэтому придется самим создавать новый объект.

<SCRIPT LANGUAGE="JavaScript">
    //Скрипт отмечает точную дату и время вашего прибытия на страницу
    Now = new Date();
    document.write("Сегодня " + Now.getDate() +
                   "-" + Now.getMonth() + "-" + Now.getFullYear() +
                   ". Вы зашли на мою страницу ровно в: " + Now.getHours() +
                   ":" + Now.getMinutes() + " и " + Now.getSeconds() +
                   " секунд.")
</SCRIPT>

Примечание: Строка document.write не должна прерываться. В примере она разбита на несколько, чтобы удобнее было читать.

Результат на ВЕБ-странице:

Разбор скрипта

1 Двойная дробь указывает на комментарий внутри скрипта. Она означает, что следующий за ней текст не участвует в процессе. Можете добавлять сколько угодно текста, только помните, что каждая строка должна начинаться с двойной дроби //.

2 Методы Дата и Время

Посмотрите на скрипт. Видите, скрипту дается команда поместить в документ число, месяц, год, часы, минуты и секунды. Несколько дополнительных слов объясняют, на что вы смотрите. Все это было создано с помощью метода getЧто-либо(). Обратите внимание на заглавную букву. Сначала «g» в нижнем регистре, потом Заглавная буква.

Во-первых, помните, что все это цифры. Даже метод getDay(), который отвечает за день недели, выражается цифрой от единицы до семи.

Начнем с месяца. Как уже говорилось раньше, getMonth() — это метод, отвечающий за месяц. Теперь задумаемся о том, на какой объект воздействует метод getMonth(). Помните это из предыдущего примера Метод (method) воздействует на объект (object).

Может показаться, что getЧто-либо() — это метод объекта document. Вовсе нет. Метод документа — write. getMonth() на самом деле является методом объекта Date. Взгляните на скрипт еще раз. Date занимает отдельное место в команде:

Now = new Date();

Мы устанавливаем объект, с которым будет работать метод getMonth(). Имея дело с датой и временем, всякий раз пользуйтесь той же схемой. Нужно создать объект. Наш объект называется Now (сейчас). Назвать его можно произвольным образом Zork или Fred, браузеру все равно. Это не имеет значения, если объект получил оригинальное имя, которое больше нигде в JavaScript не встречается.

Команда говорит: Now — это объект, который представляет new Date() (новую Дату). Дата обязательно должна быть новой. Таким способом вы будете получать новую дату каждый раз, когда заходите на страницу или обновляете ее.

3 Обратите внимание и на точку с запятой в конце. Она указывает на то, что строка JavaScript закончена.

4 Теперь нужно напечатать месяц на странице, значит, где-то должна быть команда document.write(). Нам также известно, что текст в скобках будет виден на странице:

Сначала пишем <SCRIPT LANGUAGE="javascript">.

Потом вставляем комментарий о том, для чего предназначен скрипт.

Прежде чем приступить к getMonth(), необходимо создать объект. Убедитесь, что строка заканчивается точкой с запятой.

Теперь можно вставлять утверждение document.write.

Текст, видимый на странице, должен быть окружен двойными кавычками(одинарные кавычки для кода HTML внутри двойных).

Новое правило: сочетание текста и команд требует знака «плюс» + между элементами.

Объект и метод разделены точкой, так что команда напечатать месяц выглядит так: Now.getMonth().

Новое правило: Now.getMonth() — это не текст, который должен быть виден на странице, а команда, которая указывает месяц.Поэтому не нужно ставить ее ни в какие кавычки.

Заканчиваем командой </SCRIPT>.

Результат:

<SCRIPT LANGUAGE="javascript">

//Скрипт напечатает на странице номер месяца

Now = new Date();

document.write("Сейчас месяц " + Now.getMonth())

</SCRIPT>

5 Длинная строка

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

1. «Сегодня » прибавляем пробел в конце.

2. Следом знак плюс.

3. Now.getDate() без кавычек, потому что нам нужен не текст, а цифры.

4. Еще плюс.

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

6. Плюс.

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

8. Плюс.

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

10. Плюс.

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

Примечание: Кое-что об одной из самых интересных тонкостей JavaScript. Должно быть, вы заметили, что номер месяца на один меньше, чем нужно. Почему? Цифры сообщают нам JavaScript, a JavaScript считает от нуля. Tо есть, январь нулевой месяц и так далее.

Поэтому целесообразно будет прибавить 1. Нужно ввести несколько переменных, то есть, присвоить имя некоему элементу. Мы присвоили new Date() имя. Затем присваиваем имя команде, которая вызывает месяц. В примере она названа mpo (Mесяц Плюс Oдин). И прибавляем к ней единицу. Эта новая команда названа mpo1.

<SCRIPT LANGUAGE="javascript">
    Now = new Date();
    var mpo = Now.getMonth();
    var mpo1 = mpo + 1
    document.write("Сейчас месяц " + mpo1 + ".");
</SCRIPT>

Результат на ВЕБ-странице:

Задание

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