Использование метода prompt()
Метод prompt () несколько отличается от предыдущих двух методов, которые вы изучили в данной главе. Он дает возможность пользователю вписать собственный ответ на вопрос, вместо того чтобы просто выводить на экран информацию (как в методе alert () ) или делать выбор между кнопками ОК и Cancel (как в методе confirm ()).
Пример. Метод prompt () вводят в сценарий так же, как и два ранее рассмотренных метода. Сначала добавьте prompt () в блок SCRIPT:
<html> <head> <title>Простая страница</title> <script language="JavaScript"> <!-- Маскируемся! prompt(}; // Снимаем маскировку. --> </script> </head> <body> </body> </html>
С этого момента ввод метода prompt () начинает отличаться от ввода предыдущих двух методов, поскольку в круглые скобки требуется добавить две фразы. Первая из них - сообщение, которое должно быть выведено на экран.
Пример. Делается это так же, как и в двух предыдущих случаях. Текст в кавычках по- мещается внутри круглых скобок:
<html> <head> <title>Простая страница</title> <script language="JavaScript"> <!-- Маскируемся! prompt("Как вас зовут?"); // Снимаем маскировку. --> </script> </head> <body> </body> </html>
Сохраните вашу страницу и просмотрите ее в браузере. Обратите внимание на появившийся запрос об имени пользователя (см. рис. 3.9). Вы можете ввести имя и щелкнуть по одной из кнопок выбора.
Рис. 3.9. Окно запросов с созданным вами сообщением в браузере Internet Explorer
Обратите внимание на слово undefined (не определено) в поле ввода. Это особенность Internet Explorer. В браузере Netscape Navigator поле ввода остается пустым (см. рис. 3.10).
Рис. 3.10. Окно запросов с созданным вами сообщением в браузере Netscape Navigator
В настоящий момент еще ничего происходит, что бы вы ни делали, но к концу этой главы вы сумеете заставить программу работать.
Следующая единица ввода - это текст по умолчанию, который должен появиться в соответствующем поле. Добавить его очень просто, а заодно это позволит избавиться от появления undefined в браузере Internet Explorer.
Пример. После первой фразы в круглых скобках поставьте запятую за пределами кавычек, а после нее впишите вторую фразу (тоже в кавычках). Это делается таким образом:
<html> <head> <title>Простая страница</title> <script language="JavaScript"> <!-- Маскируемся! prompt("Как вас зовут?", "Введите здесь ваше имя"); // Снимаем маскировку. --> </script> </head> <body> </body> </html>
Сохраните вашу страницу и еще раз обновите вид в браузере. Обратите внимание, что поле ввода больше не является пустым, а содержит текст, указанный во второй паре кавычек (см. рис. 3.11).
Рис. 3.11. Окно запросов с созданным вами сообщением и текстом поля ввода по умолчанию в браузере Internet Explorer
Упражнение Попробуйте помещать вызов метода prompt () на Web-страницу. Введите ваши собственные сообщения и текст поля ввода по умолчанию. Дважды на одной странице используйте метод prompt () и взгляните на результат. Добавьте в вашу Web-страницу комментарии (одно- и многострочные).