JavaScript - диалоговые окна
JavaScript поддерживает три важных типа диалоговых окон. Эти диалоговые окна могут использоваться для вызова и предупреждения, или для получения подтверждения о любом вводе, или для получения своего рода ввода от пользователей. Здесь мы обсудим каждое диалоговое окно одно за другим.
Диалоговое окно предупреждения
Диалоговое окно предупреждения в основном используется для предупреждения пользователей. Например, если одно поле ввода требует ввода некоторого текста, но пользователь не вводит никаких данных, то в рамках проверки вы можете использовать окно предупреждения, чтобы выдать предупреждающее сообщение.
Тем не менее, окно предупреждения может использоваться для более дружелюбных сообщений. Окно предупреждения дает только одну кнопку «ОК» для выбора и продолжения.
пример
<html>
<head>
<script type = "text/javascript">
<!--
function Warn() {
alert ("This is a warning message!");
document.write ("This is a warning message!");
}
//-->
</script>
</head>
<body>
<p>Click the following button to see the result: </p>
<form>
<input type = "button" value = "Click Me" onclick = "Warn();" />
</form>
</body>
</html>Вывод
Диалоговое окно подтверждения
Диалоговое окно подтверждения в основном используется для получения согласия пользователя на любой вариант. Он отображает диалоговое окно с двумя кнопками:OK и Cancel.
Если пользователь нажимает кнопку ОК, метод окна confirm()вернет истину. Если пользователь нажимает кнопку Отмена, тоconfirm()возвращает false. Вы можете использовать диалоговое окно подтверждения следующим образом.
пример
<html>
<head>
<script type = "text/javascript">
<!--
function getConfirmation() {
var retVal = confirm("Do you want to continue ?");
if( retVal == true ) {
document.write ("User wants to continue!");
return true;
} else {
document.write ("User does not want to continue!");
return false;
}
}
//-->
</script>
</head>
<body>
<p>Click the following button to see the result: </p>
<form>
<input type = "button" value = "Click Me" onclick = "getConfirmation();" />
</form>
</body>
</html>Вывод
Диалоговое окно подсказки
Диалоговое окно подсказки очень полезно, когда вы хотите открыть текстовое поле для ввода данных пользователем. Таким образом, это позволяет вам взаимодействовать с пользователем. Пользователь должен заполнить поле и затем щелкнуть OK.
Это диалоговое окно отображается с использованием метода, называемого prompt() который принимает два параметра: (i) метку, которую вы хотите отобразить в текстовом поле, и (ii) строку по умолчанию для отображения в текстовом поле.
В этом диалоговом окне есть две кнопки: OK и Cancel. Если пользователь нажимает кнопку ОК, метод окнаprompt()вернет введенное значение из текстового поля. Если пользователь нажимает кнопку Отмена, оконный методprompt() возвращается null.
пример
В следующем примере показано, как использовать диалоговое окно подсказки -
<html>
<head>
<script type = "text/javascript">
<!--
function getValue() {
var retVal = prompt("Enter your name : ", "your name here");
document.write("You have entered : " + retVal);
}
//-->
</script>
</head>
<body>
<p>Click the following button to see the result: </p>
<form>
<input type = "button" value = "Click Me" onclick = "getValue();" />
</form>
</body>
</html>