Ввод и вывод данных в JavaScript. Alert, prompt, confirm



Для ввода и вывода данных на экран в языке JavaScript существуют диалоговые окна, которые вызываются одним из трёх методов: alert, prompt или confirm. Каждое из этих окон является модальным, то есть пользователь не сможет взаимодействовать со страницей или другими окнами, пока не разберётся с текущим окном.

Вывод данных методом alert

Метод alert позволяет вывести на веб-странице окно с сообщением и кнопкой "OK":

<!DOCTYPE html>
<html>
 <head>
  <title>Вывод окна методом alert</title>
 </head>
 <body>
  <script>
   alert("Hello world!"); //вывод окна методом alert
  </script>
 </body>
</html>

Открыть пример.

В JavaScript вместо двойных кавычек можно использовать одинарные, результат будет абсолютно таким же!

Метод prompt

Метод prompt позволяет ввести сообщение с клавиатуры. Синтаксис у функции следующий:

var variable = prompt (выводимое сообщение, значение поля ввода данных)

Рассмотрим пример использования:

<!DOCTYPE html>
<html>
 <head>
  <title>Работа с функцией prompt</title>
 </head>
 <body>
  <script>
   var age; //объявляем переменную age
   age = prompt ("Сколько вам лет?", 10); //запускаем функцию prompt для ввода данных
   alert ("Вам " + age + " лет"); //выводим на экран значение переменной age
  </script>
 </body>
</html>

Запустим наш пример.

Confirm

При помощи метода confirm на экран выводится диалоговое окно с двумя кнопками "OK" и "Cancel (Отмена)". При нажатии на одну их кнопок, возвращается логическая величина. Если кликнуть на "OK", то на экран выведется "true" (истина), если на "Cancel", то "false" (ложь). Синтаксис сообщения таков:

var variable = confirm (выводимое сообщение)

Пример использования:

<!DOCTYPE html>
<html>
 <head>
  <title>Работа с функцией confirm</title>
 </head>
 <body>
  <script>
   var isAge; //объявляем переменную isAge
   isAge = confirm ("Вам 20 лет?"); //запускаем функцию confirm для ввода данных
  </script>
 </body>
</html>

А вот и результат.

2018 год.


<<Предыдущая | В раздел | Следующая>>