Лабораторная работа №3 dhtml и JavaScript на web-страницах

Цель работы: ознакомиться с основными возможностями языкаJavaScript, синтаксисом, встроенными объектами, событиямиDHTML, получить практические навыки программирования на языкеJavaScript.

Основные понятия

JavaScript — это язык программирования, основанный на объектах: и языковые средства, и возможности среды представляются объектами, а сценарий (программа) на JavaScript — это набор взаимодействующих объектов.

Структура программ на языке JavaScript

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

function convert(inches) {

cm = inches * 2.54; // Эти два оператора заключены в блок.

meters = inches / 39.37;

}

convert(inches); // Эти два оператора не образуют блока.

km = meters / 1000;

Как мы видим из этого примера, каждый оператор JavaScript начинается с новой строки (что не обязательно, но рекомендуется) и заканчивается точкой с запятой (что также не обязательно, если оператор является последним в строке). Блок— это набор операторов, заключенный в фигурные скобки{}.

Комментарии

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

/* Это пример комментария,

содержащего несколько строк. */

Переменные

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

• С помощью ключевого слова var, например,var x;илиvar x = 21;.

• Просто присваиванием переменной значения, например x = 21;.

Существуют три области видимости переменных:

• Глобальный контекст, т. е. исходный текст сценариев, не включая тела функций.

• Локальный контекст, т. е. исходный текст сценариев, являющийся телом функции, а также аргумент конструктора встроенного объектаFunction. Точнее говоря, если последним параметром конструктораFunctionявляется строка текста, то она интерпретируется как тело функции.

• Eval-контекст, т. е. аргумент методаeval. Если параметром методаevalявляется строка текста, то она интерпретируется как программа на языке JavaScript, имеющая тот же контекст, в котором был вызван этот метод.

Типы данных

1. Тип Undefined (неопределенный)

2. Тип Null (нулевой)

3. Тип Boolean (логический)

4. Тип String (строковый)

5. Тип Number (числовой)

6. Тип Object (объектный)

Операции

Операции сравнения

Операции сравнениясравнивают два операнда и возвращают логическое значение, означающее результат этого сравнения. Строки сравниваются в лексикографическом порядке в кодировке Unicode. Если типы операндов различны, то делается попытка преобразовать их к одному типу.

Операция	Название	Описание
a < b	Меньше	Возвращает true, если левый операнд меньше, чем правый операнд.
a > b	Больше	Возвращает true, если левый операнд больше, чем правый операнд.
a <= b	Не больше	Возвращает true, если левый операнд меньше или равен правому операнду.
a => b	Не меньше	Возвращает true, если левый операнд больше или равен правому операнду.
a == b	Равно	Возвращает true, если левый операнд равен правому операнду.
a != b	Не равно	Возвращает true, если левый операнд не равен правому операнду.
a === b	Тождественно	Возвращает true, если левый операнд тождественно равен правому операнду.
a !== b	Не тождественно	Возвращает true, если левый операнд тождественно не равен правому операнду.

Примеры:

var x = "3";

a = x == 3; // a равно true

b = x === 3; // b равно false (разные типы)