Прыжковые окна JavaScript

В JavaScript вы можете создать диалоговое окно или всплывающее окно для взаимодействия с пользователем.

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

Окно предупреждения

Окно предупреждения — это наиболее простое всплывающее окно. Оно позволяет вам показать пользователю короткое сообщение.

Оно также включает кнопку "Подтвердить", которую пользователь должен нажать, чтобы продолжить.

Грамматика:

window.alert("msg");

window.alert();Метод может не иметь префикса "window." и可以直接 использоваться:

alert("Hello world!");

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

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

Окно подтверждения выглядит как окно警报ы, но включает кнопку "Отмена" и кнопку "Подтвердить".

. Если пользователь нажимает "Подтвердить", то это окно вернетtrue. Если пользователь нажимает "Отмена", то это окно вернетfalse.

Грамматика:

window.confirm("msg");

window.confirm();Метод может не иметь префикса "window." и可以直接 использоваться:

var r = confirm("Нажмите одну из кнопок!");
if (r == true) {
　　　txt = "Вы нажали Подтвердить!";
}
　　　txt = "Вы нажали Отмена!";
}

Всплывающее окно

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

Всплывающее окно включает текстовое поле ввода, кнопки "Подтвердить" и "Отмена".

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

Грамматика:

window.prompt("msg", "defaultText")

window.prompt()Метод может не иметь префикса "window." и可以直接 использоваться:

var name = prompt("Введите ваше имя", "Someone");
if (name != null) {
　　　document.getElementById("output").innerHTML = "Hello " + name;
}

Внимание:prompt()Возвращаемое значение метода всегда является строкой. Это означает, что если пользователь вводит 15 в поле ввода, то возвращается строка " 15", а не число 15.

Таким образом, если нужно использовать возвращаемое значение в качестве числа, его необходимо преобразовать, см.Как преобразовать тип данных в JavaScript.

Отображение символа новой строки в диалоговом окне

Чтобы отобразить символ новой строки в диалоговом окне, используйте символ новой строки или символ новой строки (\n); после обратного слеша следует символ n.

alert("Hello\nHow are you?");

Более примеров

Этот пример демонстрирует различные типы диалоговых окон, поддерживаемых JavaScript: