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

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

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

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

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

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

<a href="#" onclick="alert('Сообщение'); return false;">Нажми меня</a>
HTML
2
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
var value = prompt('Вопрос', 'Значение по умолчанию');
JS

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

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

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

Комментарии

, чтобы добавить комментарий.

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

Преобразование цветов в PHP
Несколько примеров как перевести цвета из HEX в RGB и обратно с помощью PHP.
16980
-1
Шаблонизатор Smarty
Smarty это компилирующий обработчик шаблонов для PHP позволяющий отделить логику и HTML-верстку веб-приложения.
29693
+5
Печать HTML страниц
Очень часто разработчики забывают про печатную версию сайта, поэтому можно встретить такой результат на бумаге...
67171
+9
Кнопки прокрутки страницы вверх и вниз jQuery
Несколько примеров как сделать кнопки прокрутки страницы вверх и вниз. Для скроллинга используется jQuery функция...
38298
+6
Загрузка изображений с превью AJAX + PHP + MySQL
В данной статье представлена упрощенная реализация загрузки изображений с превью через AJAX с сохранением в базу данных...
35269
+26
Работа с cookie в JavaScript
Сookies или куки – это данные в виде пар ключ=значение, которые хранятся в файлах на компьютере пользователя. Для хранимых данных существуют несколько ограничений...
65159
+8