Далее на странице...
Метод prompt так же, как и метод alert вызывает модальное окно, которое кроме текстового сообщения содержит поле для ввода.
Метод prompt может содержать один или два параметра.
Первый и обязательный параметр - это текст (вопрос или фраза), который отображается в модальном окне.
Второй параметр метода prompt - это текст или иная информация (например, число или формула), которая размещается по умолчанию в поле для ввода (если второго параметра нет, то поле для ввода остается пустым).
Метод prompt возвращает информацию, внесенную в поле для ввода.
Поле для ввода информации
<script type="text/javascript">
document.write("Метод prompt вызывает модальное окно с полем для ввода информации.");
prompt("Каков Ваш Вес?");
</script>
Метод prompt возвращает информацию
Так как метод prompt возвращает внесенную в поле для ввода информацию, то ее можно как-то использовать. Для этого информацию нужно занести в произвольную переменную, и, например, вывести при помощи метода alert.
<script type="text/javascript">
document.write("Заполните поле для ввода информации.");
var info = prompt("Каков Ваш Вес?"); /* Занесение информации, возвращаемой методом prompt в переменную info */
alert("Ваш Вес " + info + " кг."); /* Вывод информации при помощи метода alert */
</script>
Возвращаемую методом prompt информацию можно вывести в текущее окно.
<script type="text/javascript">
document.write("Заполните поле для ввода информации...");
var info = prompt("Каков Ваш Вес?"); /* Занесение информации, возвращаемой методом prompt в переменную info */
document.write("<p>" + "Ваш Вес " + info + " кг."); /* Вывод информации в текущее окно */
</script>
Или же информацию, возвращаемую методом prompt, можно вывести в дочернее окно, создаваемое методом open.
<script type="text/javascript">
document.write("Заполните поле для ввода информации...");
var info = prompt("Каков Ваш Вес?"); /* Занесение информации, возвращаемой методом prompt в переменную info */
var new_Win = open("","Новое окно","width=500,height=400"); /* Создание дочернего окна методом open. В переменную new_Win помещается ссылка на дочернее окно */
new_Win.document.write("<p>" + "Ваш Вес " + info + " кг."); /* Вывод возвращаемой методом prompt информации в дочернее окно */
</script>
Метод prompt содержит два параметра
В приведенных выше примерах поле для ввода информации по умолчанию всегда было пустым, так как метод prompt содержал один параметр.
Второй параметр метода prompt позволяет заранее внести какой-либо текст в поле для ввода, который можно редактировать и который метод prompt возвращает.
Рассмотрим пример, когда метод prompt содержит два параметра.
<script type="text/javascript">
document.write("Заполните поле для ввода информации");
var info = prompt("Каков Ваш Вес?","Укажите Ваш Вес"); /* Занесение информации, возвращаемой методом prompt в переменную info */
alert("Ваш Вес " + info + " кг."); /* Вывод информации при помощи метода alert */
</script>
