Всплывающие окна JavaScript
JavaScript имеет три типа всплывающих окон: окно предупреждения, окно подтверждения и окно подсказки.
Окно оповещения
Окно предупреждения часто используется, если вы хотите убедиться, что информация доходит до пользователя.
Когда появится всплывающее окно с предупреждением, пользователю нужно будет нажать «ОК», чтобы продолжить.
Синтаксис
window.alert("sometext");
Метод window.alert()
можно записать без префикса окна.
Пример
alert("I am an alert box!");
Подтвердить поле
Окно подтверждения часто используется, если вы хотите, чтобы пользователь что-то подтвердил или принял.
Когда появится окно подтверждения, пользователь должен будет нажать «ОК» или «Отмена», чтобы продолжить.
Если пользователь нажимает «ОК», поле возвращает true . Если пользователь нажимает «Отмена», поле возвращает false .
Синтаксис
window.confirm("sometext");
Метод window.confirm()
можно записать без префикса окна.
Пример
if (confirm("Press a button!")) {
txt = "You
pressed OK!";
} else {
txt = "You pressed Cancel!";
}
Коробка подсказки
Окно подсказки часто используется, если вы хотите, чтобы пользователь ввел значение перед входом на страницу.
Когда появится всплывающее окно, пользователь должен будет нажать «ОК» или «Отмена», чтобы продолжить после ввода входного значения.
Если пользователь нажимает «ОК», поле возвращает введенное значение. Если пользователь нажимает «Отмена», поле возвращает значение null.
Синтаксис
window.prompt("sometext","defaultText");
Метод window.prompt()
можно записать без префикса окна.
Пример
let person = prompt("Please enter your name", "Harry Potter");
let text;
if
(person == null || person == "") {
text = "User cancelled
the prompt.";
} else {
text = "Hello " + person + "!
How are you today?";
}
Разрывы строк
Чтобы отобразить разрывы строк внутри всплывающего окна, используйте обратную косую черту, за которой следует символ n.
Пример
alert("Hello\nHow are you?");