MyTetra Share
Делитесь знаниями!
Всплывающие модальные окна в JavaScript
Время создания: 28.01.2018 22:21
Автор: br0ke
Текстовые метки: javascript, js, modal, window, alert, confirm, prompt
Раздел: Информационные технологии - JavaScript
Запись: and-semakin/mytetra_data/master/base/1517160095vqg7aj1m2s/text.html на raw.githubusercontent.com

В 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.58
Яндекс индекс цитирования