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

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

Примечание

Метод prompt(), знакомый нам из Web-программирования, не поддерживается в Electron. Пример похожего диалогового окна приведен в Процессы Main и Renderer.

Окно с сообщением и кнопкой OK

Метод alert() отображает модальное диалоговое окно с сообщением и кнопкой OK. В заголовке отображается название приложения из свойства name внутри файла package.json и кнопка Закрыть. Пример отображения окна после нажатия кнопки:

document.getElementById('btn1').addEventListener('click', () => {
   alert('Текст сообщения');
});

Сообщение можно разбить на строки с помощью последовательности символов \n:

alert('Строка1\nСтрока2\n\nСтрока4');

Окно с сообщением и кнопками OK и Отмена

Метод confirm() отображает модальное диалоговое окно с сообщением и двумя кнопками OK и Отмена. Он возвращает логическое значение true, если нажата кнопка OK, и false — если Отмена. В заголовке отображается название приложения из свойства name внутри файла package.json и кнопка Закрыть. Пример отображения окна после нажатия кнопки:

document.getElementById('btn1').addEventListener('click', () => {
   if (confirm('Текст сообщения')) {
      alert('Нажата кнопка OK');
   }
   else {
      alert('Нажата кнопка Отмена');
   }
});