JavaScript alert() — модальне вікно з повідомленням

Метод alert() показує системне вікно з повідомленням і кнопкою «OK».

правити

Загальний опис

Він повністю блокує сторінку: доки користувач не натисне «OK», не виконається жоден рядок коду, не спрацює жоден таймер, зупиняться анімації.

Вигляд його задає операційна система — стилізувати неможливо, кнопку не перейменувати, текст не відформатувати.

Тому в реальних інтерфейсах його не використовують: там <dialog> або власне модальне вікно. Живе alert() рівно в двох місцях — швидка перевірка під час налагодження (де його теж давно замінив console.log) і навчальні приклади.

правити

Нотатка

Деякі браузери дозволяють користувачу вимкнути подальші alert() на сайті («більше не показувати»). Розраховувати, що повідомлення побачать, не можна.

автор: NagarD правити

+ додати пораду чи нотатку

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі Серверні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	1	1	1	3	12	4

Підтримка: мобільні переглядачі

Переглядач
	4.4	18	4	1

Підтримка: серверні переглядачі

Переглядач
	1.5

Приклади

+ запропонувати свій приклад у пісочниці

<button id="go">Показати</button>
<dialog id="modal">
    <p>Це нормальне модальне вікно</p>
    <button onclick="modal.close()">Закрити</button>
</dialog>

// блокує сторінку повністю
// alert('Збережено');

// у житті — так:
document.getElementById('go').addEventListener('click', () => {
    document.getElementById('modal').showModal();
});