HTML, XHTML и CSS на 100%, Квинт Игорь

HTML, XHTML и CSS на 100%

на обложку

Квинт Игорь

Шрифт:

Рис. 11.1. Окно предупреждений в браузере Internet Explorer

Рис. 11.2. Окно предупреждений в браузере Mozilla Firefox

Рис. 11.3. Окно предупреждений в браузере Opera

Метод prompt

Метод prompt имеет противоположное предназначение. Он служит для получения данных от пользователя (листинг 11.2). При его вызове отображается окно приглашения с текстовым полем. Метод может содержать два аргумента. Оба этих аргумента должны быть строками. Первый аргумент – сообщение, которое отображается в окне. Второй аргумент – это текст по умолчанию, который должен появиться в соответствующем поле. Кроме того, этот метод, в свою очередь, возвращает значение, которое также является строкой, – это текст, который ввел пользователь.

Листинг 11.2. Работа с запросом

<html>

<head>

<title>Работа с запросом</title>

</head>

//Объявляем переменную

var nameUser;

//Введенное пользователем значение присваивается переменной nameUser

nameUser=prompt("Здравствуйте, как вас зовут?", "аноним");

//Используем метод alert для вывода введенного имени

alert("Рад вас видеть, "+ nameUser);

</script>

<body>

</body>

</html>

После запуска страницы с вышеприведенным кодом появится запрос (рис. 11.4), вслед за которым отобразится предупреждение.

Рис. 11.4. Работа с запросом

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

Примечание

В методе prompt можно опустить второй аргумент, то есть указывать только одну строку. В этом случае различные браузеры по-разному реагируют: строка запроса может быть пустой, а может отображать ключевое слово undefined (не определено).

Метод confirm

Метод confirm отображает окно подтверждения, которое сходно с окном предупреждения, генерируемым методом alert, но содержит две кнопки: OK и Cancel. В листинге 11.3 демонстрируется создание окна подтверждения, но в этом сценарии не делается разницы между кнопками OK и Cancel. Нажатие любой из кнопок просто закроет окно (рис. 11.5).

Рис. 11.5. Работа с подтверждением

Листинг 11.3. Работа с подтверждением

<html>

<head>

<title>Работа с подтверждением</title>

</head>

confirm("Это мое подтверждение");

</script>

<body>

</body>

</html>

После прочтения данной главы вы научитесь использовать этот метод, чтобы сценарий по-разному реагировал на нажатие кнопок OK и Cancel.

11.2. Переменные и типы данных

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

Идентификаторы

Идентификаторами называются имена, которые обозначают переменные, функции и объекты. Некоторые имена являются ключевыми или зарезервированными и не могут использоваться в качестве идентификатора, так как имеют особый смысл. О них будет рассказано далее.

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

• Все идентификаторы должны начинаться с буквы.

• После первой буквы остальными символами могут быть буквы и цифры.

• Буквами считаются заглавные и строчные буквы латинского алфавита: от A до Z и от a до z.

• Символ подчеркивания (_) выступает в качестве буквы и часто используется вместо пробела, который нельзя применять в идентификаторах.

• Символ доллара ($) выступает в качестве буквы и обычно используется при автоматической генерации кода.

• Можно использовать в качестве букв символы Unicode, однако старые версии браузеров не умеют работать с Unicode.

• Цифрами считаются символы от 0 до 9.

Совет

Не следует использовать в одном сценарии идентификаторы, отличающиеся только символами верхнего и нижнего регистра, например flagld и FlagID, так как это будут различные идентификаторы, которые могут вызвать трудноуловимые ошибки.

В табл. 11.1 приведены примеры допустимых и недопустимых идентификаторов.

Таблица 11.1. Примеры идентификаторов JavaScript

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

Ключевые и зарезервированные слова

К ключевым словам относятся предопределенные идентификаторы, которые образуют ядро языка JavaScript. Эти слова имеют особый смысл и выполняют определенные функции. Ключевые слова не могут использоваться для пользовательских идентификаторов. В табл. 11.2 представлен список ключевых слов JavaScript.

Таблица 11.2. Ключевые слова JavaScript

Зарезервированные слова не рекомендуется использовать в качестве пользовательских идентификаторов, так как в последующем планируется использовать их в качестве ключевых слов. Список зарезервированных слов приведен в табл. 11.3.

Таблица 11.3. Зарезервированные слова JavaScript

Совет

Конечно, вы можете использовать зарезервированные слова для своих идентификаторов, но это не гарантирует работоспособности ваших сценариев в будущем, когда зарезервированные слова могут перейти в состав ключевых.