Свойства

У всех объектов имеются свойства (properties). Если вы и далее будете следовать аналогии с объектами реального мира, то обнаружите, что все предметы обладают какими-то свойствами: у машин есть колеса, а у собаки - шерсть. Что касается JavaScript, то у такого объекта, как браузер, имеется название и номер версии.

Рекомендация Все будет понятнее, если объекты ассоциировать с вещами, а методы - с действиями.

Использование метода alert()

Пользоваться методом alert () проще всего. Он применяется для вывода на экран текстовой информации в краткой форме. После прочтения сообщения пользователь щелкает по кнопке ОК и окно исчезает.

Прежде всего, откройте шаблон HTML-страницы в текстовом редакторе и сохраните его под новым именем в любой удобной для вас папке.

<html> <head> <title>Простая страница</title> <script language="JavaScript"> <!-- Маскируемся! // Снимаем маскировку. --> </script> </head> <body> </body> </html>

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

Пример. Чтобы вызвать на экран окно предупредительных сообщений, измените шаблон в соответствии со следующим листингом:

<html> <head> <title>Простая страница</title> <script language="JavaScript"> <!-- Маскируемся! alert() ; // Снимаем маскировку. --> </script> </head> <body> </body> </html>

Примечание Точка с запятой после метода alert () называется разделителем строки и нужна для того, чтобы сделать сценарий совместимым со стандартом ЕСМА (хотя и без точки с запятой ошибки не будет). Этот символ будет очень часто встречаться в следующих главах. В главе 4 вы узнаете, где и когда он используется.

Теперь о предупреждении. Его текст, заключенный в кавычки, вводится внутри круглых скобок:

<html> <head> <title>Простая страница</title> <script language="JavaScript"> <!-- Маскируемся! alert("Окно сообщения, вызванное с помощью JavaScript."); // Снимаем маскировку. --> </script> </head> <body> </body> </html>

Сохраните файл, откройте его в браузере и взгляните на появившееся сооб- щение (см. рис. 3.7).

Рис. 3.7. Окно предупредительных сообщений с созданным вами сообщением в браузере Internet Explorer

Пример. Вывести на экран второе предупреждение так же просто, как и первое. Добавьте еще один вызов alert () в блоке SCRIPT в следующей строке за первым предупреждением и введите в кавычках сообщение:

<html> <head> <title>Простая страница</title> <script language="JavaScript"> <!-- Маскируемся! alert("Предупреждение, вызванное с помощью JavaScript."); alert("А вот и второе сообщение!"); // Снимаем маскировку. --> </script> </head> <body> </body> </html>

Сохраните файл и обновите экран в браузере. На этот раз появятся два сообщения. Обратите внимание, что они выводятся на дисплей раздельно, а не одно над другим. То есть JavaScript выполняет команды сценария поочередно, а не все подряд, без остановки. Только если пользователь щелкнет по кнопке ОК в первом окне, на экране появится второе.

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

Упражнение Вернитесь к шаблону и создайте новый сценарий, вызывающий предупреждающее окно с сообщением по вашему выбору. После этого добавьте второе предупреждающее окно такого же вида. Затем введите в новой строке метод alert () и впишите внутри круглых скобок сообщение, заключив его в кавычки.