BOM - Всплывающие окна сообщений

В JavaScript есть три вида всплывающих окон: с предупреждением, с подтверждением и с предложением.

Окно с предупреждением

Окно с предупреждением часто используется, если вы хотите довести некую информацию до пользователя.

Когда появляется окно с предупреждением, то, чтобы продолжить, пользователь должен нажать кнопку "OK".

Синтаксис:


window.alert("какой-то текст");

Метод window.alert() может записываться без префикса window.

Пример:


alert("Я окно с предупреждением!");

Окно с подтверждением

Окно с подтверждением часто используется, если необходимо, чтобы пользователь принял или отверг что-то.

Когда появляется окно с подтверждением, то, чтобы продолжить, пользователь должен нажать либо на кнопку "OK", либо на кнопку "Отмена". Если пользователь нажимает на кнопку "OK", то окно возвращает значение true. Если же пользователь нажимает на кнопку "Отмена", то окно возвращает значение false.

Синтаксис:


window.confirm("какой-то текст");

Метод window.confirm() может записываться без префикса window.

Пример:


if (confirm("Нажмите кнопку!")) {
    txt = "Вы нажали OK!";
} else {
    txt = "Вы нажали Отмена!";
} 

Окно с предложением ввода

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

Когда появляется окно с предложением ввода, то, чтобы продолжить, пользователь должен ввести какое-нибудь значение и нажать на кнопку "OK" или "Отмена".

Если пользователь нажимает кнопку "OK", то окно возвращает введенное значение. Если же пользователь нажимает кнопку "Отмена", то окно возвращает значение null.

Синтаксис:


window.prompt("какой-то текст","текст по умолчанию");

Метод window.prompt() может записываться без префикса window.

Пример:


var person = prompt("Введите ваше имя", "Гарри Поттер");

if  (person == null || person == "") {
    txt = "Пользователь отменил ввод.";
} else {
    txt = "Привет " + person + "! Как дела?";
} 

Перевод строки

Чтобы во всплывающем окне вывести сообщение на нескольких строчках, нужно использовать специальный код "\n" – обратная косая черта с символом n.

Пример:


alert("Привет\nКак дела?");