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

В JavaScript можно создавать три типа окон сообщений: окна предупреждения, окна подтверждения и окна запроса.

Окно alert

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

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

Синтаксис

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

window.alert()Метод можно использовать напрямую без объекта window, используя методalert().

Пример

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert("Привет, я окно предупреждения!");
}
</script>
</head>
<body>

<input type="button" onclick="myFunction()" value="Показать окно предупреждения">

</body>
</html>

Попробуйте сами »

Окно confirm

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

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

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

Синтаксис

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

window.confirm()Метод можно использовать напрямую без объекта window, используя методconfirm().

Пример

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

Попробуйте сами »

Окно prompt

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

Когда появляется диалоговое окно prompt, пользователю нужно ввести значение, а затем нажать кнопку «Подтвердить» или «Отмена», чтобы продолжить.

Если пользователь нажимает «Подтвердить», возвращаемое значение — введённое значение. Если пользователь нажимает «Отмена», возвращаемое значение — null.

Синтаксис

window.prompt("sometext","defaultvalue");

window.prompt()Этот метод можно использовать напрямую без объекта window, с помощьюprompt()метода.

Пример

var person=prompt("Введите ваше имя","Гарри Поттер");
if (person!=null && person!="")
{
x="Привет, " + person + "! Как ты себя чувствуешь сегодня?";
    document.getElementById("demo").innerHTML=x;
}

Попробуйте сами »

Переносы строк

Во всплывающих окнах используется обратный слэш + "n" (\n) для переноса строк.

Пример

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

Попробуйте сами »
Другие расширения