alert, confirm, prompt

133

посл. ред. 24.06.2016

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

Внешний вид окна определяется браузером, разработчик не может его изменить.

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

`alert()`

Данная функция имеет всего один аргумент - сообщение, которое выведется в диалоговом окне. Чтобы закрыть окно, надо нажать кнопку Ok в окне или Esc на клавиатуре. Используется эта функция только для того, чтобы сообщить пользователю о чем либо, и не требует обратных действий от пользователя.

<!DOCTYPE html>
<html>
<head>
  <title>alert</title>
</head>
<body>
  <script>
    alert('Изменения сохранены');
  </script>
</body>
</html>

`confirm()`

Функция confirm() имеет один аргумент - вопрос, который выведется в диалоговом окне. Функция возвращает значение логического типа данных - true, если нажать кнопку Ok, и false, если нажать Cancel или Esc на клавиатуре. Эта функция используется, когда необходимо получить от пользователя ответ да или нет.

<!DOCTYPE html>
<html>
<head>
  <title>confirm</title>
</head>
<body>
  <script>
    var mes = confirm('Сохранить изменения?');
    alert(mes);
  </script>
</body>
</html>

`prompt()`

Функция prompt() имеет два аргумента - сообщение, которое выведется в диалоговом окне, и значение, которое функция вернет по умолчанию. Функция возвращает значение строкового типа данных, если нажать кнопку Ok, и null, если нажать Cancel или Esc на клавиатуре. Эта функция используется для получения от пользователя конкретных данных.

<!DOCTYPE html>
<html>
<head>
  <title>prompt</title>
</head>
<body>
  <script>
    var mes = prompt('Сколько вам лет?', '18');
    alert(mes);
  </script>
</body>
</html>