Упражнения

1. Напишите сценарий, который при загрузке документа в браузер формирует его содержимое, представляющее отображенным в виде элемента H1 предложение "Привет, читатель!" и в виде абзаца строку "Сегодня, дата, ты начинаешь изучать динамический HTML.". Вместо дата сценарий должен подставлять текущую дату в формате мм.дд.гггг.

2. Сценарий, формирующий страницу HTML упражнения 1, сохранить в отдельном файле и подключить его к документу HTML через атрибут SRC открывающего тега элемента SCRIPT. Подключение выполнить, когда файл сценария располагается в том же каталоге, что и документ HTML, а также в подкаталоге каталога документа HTML и в подкаталоге каталога, содержащего каталог с документом HTML.

3. Напишите сценарий, в котором создается переменная currentDate со значением текущей даты и сразу же после обработки страницы браузером ее содержимое отображается с помощью функции alert().

4. Создайте страницу с кнопкой и напишите сценарий, реализующий отображение функцией alert() при щелчке на кнопке количество миллисекунд, прошедших от начала загрузки документа в браузер и до момента нажатия кнопки пользователем (каждое нажатие должно отображать увеличивающийся интервал).

5. Повторите упражнение 3, но только отсчет интервала времени следует вести от момента завершения обработки страницы браузером.

Урок 3. Переменные и литералы

Реализация JavaScript является примером языка свободного использования типов. Тип переменной зависит от типа хранимых в ней данных, причем при изменении типа данных, меняется и тип переменной.

JavaScript поддерживает следующие простые типы данных:

1. Числовой (целый и вещественный)

2. Строковый

3. Булевый, или логический

Сложные (ссылочные) типы данных:

1. Объектный

2. Массив

Специальные типы данных:

1. null

2. undefined

Числовой тип

В языке JavaScript целые и вещественные числа не различаются — внутренне они представляются числами в формате плавающей точки. Используется стандарт IEEE 754 представления вещественных чисел в восьмибайтном формате чисел с плавающей точкой. Диапазон изменения абсолютных значений: от 5∙10^-324 до 1.7976931348623157∙10³⁰⁸.

Целые литералы

123, -123, +678 // целое: десятичные числа

0123, -0123, +0677 // целое: восьмеричные числа

0x18F, -0X8A, +0xAA // целое: положительное число

Вещественные литералы

1.25 0.125е01 12.5Е-1 0.0125Е+2

Ошибка: 00.234 (начинается с нуля, а, следовательно, является восьмеричным целым и точки в литерале быть не должно)

Специальные числовые литералы

1. NaN (Not a Number — не число) используется в качестве результата арифметических операций над строками и специальным значением undefined.

2. Infinity и -Infinity используются для значений чисел, выходящих за допустимый диапазон их изменения в JavaScript.

Строковый тип

Строковое значение — последовательность ноль или более символов Unicode, которая используется в программе для представления текстовых данных.

Строковые литералы

В JavaScript строковые литералы можно задавать двумя равноправными способами — последовательность символов, заключенная в двойные или одинарные кавычки:

"Анна"

'АННА'

Один тип кавычек можно использовать в литерале, заданном другим типом кавычек:

"It's a string" // значение строки равно It's a string

"" // пустая строка

В строковых литералах можно использовать ESC-последовательности, которые начинаются с символа обратной наклонной черты, за которой следует обычный символ. Некоторые подобные комбинации трактуются как один специальный символ:

Esc-последовательности	Символ
\b	Возврат на один символ
\f	Переход на новую страницу
\n	Переход на новую строку
\r	Возврат каретки
\t	Горизонтальная табуляция Ctrl-I
\'	Апостроф
\"	Двойные кавычки
\\	Обратная наклонная черта

ESC-последовательности форматирования "работают" при отображении информации в диалоговых окнах, отображаемых функциями alert(), prompt() и confirm(), а также если методом document.write() записывается содержимое элемента PPE.