6. Прочесть и выполнить все требования из раздела основные понятия
7. Прочесть и выполнить все требования из раздела ИСПРАВЛЕНИЕ ОШИБОК
Задания к работе.
Рассмотрим
ввод/вывод информации в JavaScript
с помощью следующих трех методов: alert
(), prompt
() и confirm
(). Эти методы генерируют различные окна
сообщений.
МЕТОД ALERT()
Метод alert () отображает диалоговое окно предупреждения с соответствующие сообщением. После прочтения сообщения пользователь должен щелкнуть на кнопке ОК, чтобы закрыть окно. Аргументом данного метода является строка.
В простейшем случае текст предупреждения, заключенный в кавычки, вводится внутри круглых скобок (листинг 2.3).
Листинг 2.3- Работа с предупреждением
<html> <head>
<title>Работа с предупреждением</title> </head> <script>
alert("Это мое предупреждение"); </script> <body> </body> </htm1>
окно предупреждения генерируется самим браузером, поэтому внешний вид окна в различных браузерах может различаться. На рис. 2.4 приводится вид окна, сге-грированного с помощью представленного кода в браузере Internet Explorer.
МЕТОД PROMPT()
Метод prompt () служит для получения данных от пользователя (листинг 2.4).
ЛИСТИНГ 2.4. Работа с запросом
tml><head>
<title>PAБOTA С 3AПPOCOM</title> </head>
<script>
//Объявляем переменную
var nameUser;
//Введенное пользователем значение присваивается переменной nameUser
nameUser=prompt("Здравствуйте, как вас зовут?", "аноним");
//Используем метод alert() для вывода введенного имени
alert(”Рад вас видеть,"+ nameUser); </script> <body> </body> </html>
При его вызове отображается диалоговое окно приглашения с текстовым полем. Этот метод может содержать два аргумента. Первый аргумент — сообщение, отображаемое в диалоговом окне. Второй аргумент — текст по умолчанию, который должен появиться в соответствующем поле. Кроме того, этот метод возвращает значение — текст, который ввел пользователь.
После запуска страницы с вышеприведенным кодом появится запрос (рис. 2.5), вслед за которым отобразится предупреждение.
В этом примере для демонстрации работы метода prompt () используется переменная, а в методе alert () в качестве аргумента выступает выражение. Эти понятия разберем ниже.
В методе prompt () можно опустить второй аргумент, то есть указать только одну строку.
Метод confirm()
МЕТОД CONFIRM ()
отображает диалоговое окно подтверждения, которое содержит две кнопки: ОК и Cancel (Отмена). В листинге 2.5 приводится код для создания окна подтверждения, однако в этом сценарии не подчеркивается разница между кнопками ОК и Cancel.
<title>Paбoтa с подтверждением</ title > </head> <script>
confirm("Эto мое подтверждение"); </script> <body> </body> </html>
Щелчок на любой из кнопок закроет диалоговое окно (рис. 2.6).
Сценарий может по-разному реагировать на щелчки кнопкой мыши по кнопкам О К и Cancel.
МЕТОД DOCUMENT.WRITE
Сценарий
<SCRIPT LANGUAGE="javascript">
document.write ("<FONT COLOR='RED'>Это красный текст </FONT>")
</SCRIPT>
JavaScript. У него четкая форма. И пренебрегать ею можно лишь изредка. Например, вторая строка сценария этого урока выглядит следующим образом.
document.write ("<FONT COLOR='RED'>Это красный текст</font>")
Она целиком находится на одной линии и должна сохранять свою форму. Предположим, вы скопировали ее в текстовый редактор с узкими страницами, и поля разорвали строку:
document.write
("<FONT COLOR='RED'>Это красный текст</font>
")
Вы изменили форму, и в сценарий вкралась ошибка (в следующем уроке мы поговорим об ошибках и о том, как их исправлять).
Редактирование JavaScript
Пишете вы сценарий или редактируете, не давайте полям страницы вставать у вас на пути. Всегда используйте для работы текстовой редактор без полей. Речь идет не просто о широкой странице. Имеется в виду ПОЛНОЕ ОТСУТСТВИЕ ПОЛЕЙ. У вас должна быть возможность написать строку длиной в несколько километров. Иначе не оберетесь проблем.
Важен ли РеГиСтр символов для JavaScript?
Да.