Диалоговые окна JS

Встроенные функции JS для вывода диалоговых окон.

1

Сообщение «Alert»

alert('Сообщение');
JS

Метод выводит диалоговое окно с сообщением и кнопкой «ОК».

Сообщение «Alert»

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

<a href="#" onclick="alert('Сообщение'); return false;">Нажми меня</a>
HTML
2

Подтверждение действия «Confirm»

if (confirm('Вопрос')) { 
	...
}
JS

Возвращает true в случае если пользователь нажал «ОК», и false при отмене.

Подтверждение действия «Confirm»

<a href="#" onclick="reload_page(); return false;">Нажми меня</a>

<script>
function reload_page(){
	if (confirm('Сделать фон черным?')) {
		$('html,body').css({'background': '#000'});
	}
}
</script>
HTML

В действии

3

Поле для ввода «Prompt»

var value = prompt('Вопрос', 'Значение по умолчанию');
JS

Диалоговое окно для ввода строки, если нажата кнопка «Отмена» возвращает null.

Поле для ввода «Prompt»

<a href="#" onclick="$(this).html(prompt('Введите текст')); return false;">Нажми меня</a>
HTML
14.06.2019, обновлено 29.08.2019 420

Поделится

Темы

JS Браузеры

Другие публикации

Несколько примеров как сделать кнопки прокрутки страницы вверх и вниз. Для скроллинга используется jQuery функция...
Пример горизонтального меню для лэндингов, в котором реализовано: При прокрутке меню фиксируется. Выделение...
Класс значительно упрощает работу с PDO, сокращает код. Реализован на статических классах и не требует создание...
Пример реализации всплывающей подсказки или меню с затемнением фона на jQuery и CSS, в верстке использованы блок со...
Для предотвращения XSS, SQL-инъекций и других атак, данные полученные из форм нужно чистить. Простое экранирования...