MyTetra Share
Делитесь знаниями!
Всплывающие модальные окна в JavaScript
28.01.2018
22:21
Автор: br0ke
Текстовые метки: javascript, js, modal, window, alert, confirm, prompt
Раздел: Информационные технологии - JavaScript

В JS существует три стандартных инструмента для взаимодействия с пользователем через всплывающие модальные окна:

  1. alert -- выводит пользователю сообщение, содержит кнопку "ОК";
  2. prompt -- запрашивает у пользователя ввод каких-либо текстовых данных, содержит кнопки "ОК" и "Отмена";
  3. confirm -- выводит окно с вопросом, содержит кнопки "ОК" и "Отмена".

Расположение и стиль окна выбирается браузером, разрабочик не может на это повлиять. Обычно это центр экрана.


alert

Синтаксис:

alert(сообщение)


Пример:

alert("У тебя всё ок?");




prompt

Синтаксис:

result = prompt(title, default);

Функция выводит модальное окно с заголовком title, полем ввода текста, заполенным строкой по умолчанию default и кнопками "ОК" и "Отмена". Функция возвращает то, что ввел пользователь, либо специальное значение null, если ввод отменен.


Пример:

var years = prompt('Сколько вам лет?', 100);




confirm

Синтаксис:

result = confirm(question);

Функция выводит окно с вопросом question и двумя кнопками: "ОК" и "Отмена". Результатом функции будет true при нажатии на "ОК" и false -- при нажатии на "Отмену" или клавишу Esc.


Пример:

var isAdmin = confirm("Вы - администратор?");




Так же в этом разделе:
 
MyTetra Share v.0.52
Яндекс индекс цитирования