- •1. Основные понятия
- •3.4.2. Окно с сообщением и кнопками ok и Cancel
- •3.4.3. Окно с полем ввода и кнопками ok и Cancel
- •3.6. Типы данных и инициализация переменных. Определение типа данных переменной
- •3.7. Операторы JavaScript
- •3.7.1. Математические операторы
- •3.7.2. Операторы присваивания
- •3.7.3. Двоичные операторы
- •3.7.4. Оператор обработки строк
- •3.8. Преобразование типов данных
- •3.9. Специальные символы. Разбиение сообщения в диалоговом окне на несколько строк
- •3.10. Массивы
- •3.11. Функции. Разделение программы на фрагменты
- •3.11.1. Основные понятия
- •3.11.2. Расположение функций внутри html-документа
- •3.11.3. Рекурсия. Вычисление факториала
- •3.11.4. Глобальные и локальные переменные
- •3.12. Условные операторы. Выполнение блоков кода только при соответствии условию
- •3.12.1. Операторы сравнения
- •3.12.2. Оператор ветвления if...Else. Проверка ввода пользователя
- •3.12.3. Оператор ? Проверка числа на четность
- •3.12.4. Оператор выбора switch
- •3.13. Операторы циклов. Многократное выполнение блока кода
- •3.13.1. Цикл for
- •3.13.2. Цикл while
- •3.13.3. Цикл do...While
- •3.13.4. Оператор continue.
- •3.13.5. Оператор break. Прерывание цикла
- •3.14. Ошибки в программе
- •3.14.1. Синтаксические ошибки
- •3.14.2. Логические ошибки
- •3.14.3. Ошибки времени выполнения
- •3.15. Встроенные классы JavaScript
- •3.15.1. Основные понятия
- •3.15.2. Класс Global
- •3.15.3. Класс Number. Работа с числами
- •3.15.4. Класс String. Обработка строк
- •3.15.5. Класс Array. Работа с массивами и их сортировка
- •Многомерные массивы
- •Ассоциативные массивы. Перебор ассоциативных массивов
- •3.15.6. Класс Math. Использование математических функций
- •3.15.7. Класс Date. Получение текущей даты и времени. Вывод даты и времени в окне Web-браузера
3.4.2. Окно с сообщением и кнопками ok и Cancel
Метод confirm() о отображает диалоговое окно с сообщением и двумя кнопками ОК и Cancel (листинг 3.4). Он возвращает значение true, если нажата кнопка ОК, и false — если Cancel.
Листинг 3.4. Метод confirm()
<HTML>
<HEAD>
<TITLE>Первая программа</TITLE>
</HEAD>
<BODY>
<SCRIPT language="JavaScript">
<!--
if (window.confirm("Hello, world")) {
window.alert("Нажата кнопка OK");
}
else {
window.alert("Нажата кнопка Cancel");
}
//-->
</SCRIPT>
</BODY>
</HTML>
3.4.3. Окно с полем ввода и кнопками ok и Cancel
Метод prompt () отображает диалоговое окно с сообщением, полем ввода и двумя кнопками ОК и Cancel (листинг 3.5). Он возвращает введенное значение, если нажата кнопка ОК, или специальное значение null, если нажата кнопка Cancel.
Листинг 3.5. Метод prompt()
<HTML>
<HEAD>
<TITLE>Первая программа</TITLE>
</HEAD>
<BODY>
<SCRIPT language="JavaScript">
<!--
m_str1=window.prompt("Введите ваше имя", "Значение по умолчанию");
if (m_str1==null) {
document.write("Вы нажали Cancel");
}
else {
document.write("Привет " + m_str1);
}
//-->
</SCRIPT>
</BODY>
</HTML>
3.5. Переменные
Переменные — это участки памяти, используемые программой для хранения данных. Каждая переменная должна иметь уникальное имя в программе, состоящее из латинских букв, цифр и знаков подчеркивания. Первым символом может быть либо буква, либо знак подчеркивания. Имена переменных не должны совпадать с зарезервированными ключевыми словами языка JavaScript.
Правильные имена переменных: :Name, yl, _name, framel
Неправильные имена переменных: 1у, ИмяПеременной, frame .
Последнее имя неправильное, так как является ключевым словом.
При указании имени переменной важно учитывать регистр букв: strName и strname — разные переменные. В программе переменные объявляются с помощью ключевого слова var. Var strName;
Можно объявить сразу несколько переменных в одной строке, указав их через пятую.
var x, strName, yl, _name, framel;
Для наглядности все имена переменных в этой книге будут начинаться с m_, например, m_str.
3.6. Типы данных и инициализация переменных. Определение типа данных переменной
В JavaScript переменные могут содержать следующие типы данных:
-
number — целые числа или числа с плавающей точкой (дробные числа);
-
string — строки;
-
boolean — логический тип данных. Может содержать значения true (и тина) или false (ложь);
-
object — переменная со значением null.
При инициализации переменной JavaScript автоматически относит переменную к одному из типов данных. Что такое инициализация переменных? это, операция присвоения переменной начального значения. Значение переменной присваивается с помощью оператора =.
m_Number=7; // Переменной m_Number присвоено значение 7
m_Number2=7.8;
// Переменной m_Number2 присвоено значение с плавающей точкой
m_String="Строка"; // Переменной m_String присвоено значение Строка
m_String2='Строка';
// Переменной m_String2 также присвоено значение Строка
m_Boolean=true;
// Переменной m_Boolean присвоено логическое значение true
m_Str1=null; // Переменная m_Str1 не содержит данных
Переменной может быть присвоено начальное значение сразу при ее объявлении:
var m_strName="Строка";
var m_strName="Строка", m_Number=7;
// Можно задать начальные значения сразу нескольким переменным.
Если переменной не присвоено начальное значение, то значение предполагается равным undefined.
Оператор typeof возвращает строку, описывающую тип данных переменной. Продемонстрируем это на примере (листинг 3.6).
Листинг 3.6. Типы данных
<HTML>
<HEAD>
<TITLE>Типы данных</TITLE>
</HEAD>
<BODY>
<SCRIPT language="JavaScript">
<!--
var m_Number=7;
var m_Number2=7.8;
var m_String="Строка";
var m_String2='Строка';
var m_Boolean=true;
var m_Str1=null, m_Str2;
document.write("m_Number - " + typeof (m_Number) + "<BR>");
document.write("m_Number2 - " + typeof (m_Number2) + "<BR>");
document.write("m_String - " + typeof (m_String) + "<BR>");
document.write("m_String2 - " + typeof (m_String2) + "<BR>");
document.write("m_Boolean - " + typeof (m_Boolean) + "<BR>");
document.write("m_Str1 - " + typeof (m_Str1) + "<BR>");
document.write("m_Str2 - " + typeof (m_Str2));
//-->
</SCRIPT>
</BODY>
</HTML>