Диалоговое окно JavaScript - предупреждение, запрос и подтверждение - httpdoc.ru

Диалоговые окна JavaScript

Диалоговые окна JavaScript делают веб-страницу интерактивной и привлекательной для пользователя. Они используются для отправки важных уведомлений пользователю, а также могут принимать от них данные. Ящики разных типов обладают разными функциями и используются для разных целей. Диалоговые окна трех различных типов - это окно предупреждения, окно подтверждения и окна подсказки.

Три разных типа диалоговых окон:

  • Окно оповещения
  • Подтвердить поле
  • Подсказка

Диалоговое окно предупреждения JavaScript

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

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

Диалоговые окна предупреждений могут быть созданы с помощью alert() метода.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Alert Dialog Box </title> 
</head>
<body>
 <script>
  var message = "Hello World! Click OK to continue.";
  alert(message);
     
   alert("This is another alert box.");
</script>
</body>
</html>

Диалоговые окна подтверждения JavaScript

Диалоговое окно подтверждения используется для запроса подтверждения пользователя по любому вопросу. На нем есть две кнопки OK и CANCEL . Если пользователь согласен с тем, что написано в поле, он может нажать «ОК», и тогда будет выполнено указанное действие. Если пользователь не согласен, он может нажать ОТМЕНА.

Он возвращает логическое значение в зависимости от того, нажимает ли пользователь кнопку OK (true) или CANCEL (false), а затем выполняется указанное действие.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Confirm Dialog Box </title> 
</head>
<body>
  <script>
   var result = confirm("Are you sure?");
 
   if(result) {
    document.write("You clicked OK button!");
    } else {
    document.write("You clicked Cancel button!");
    }
   </script>
</body>
</html>

Диалоговое окно подсказки JavaScript

Диалоговое окно подсказки используется для получения некоторых данных от пользователя. Также есть две кнопки OK и CANCEL вроде бы окошко подтверждения. Он возвращает текст, введенный в поле ввода, когда пользователь нажимает кнопку OK , и null, если пользователь щелкает CANCEL .

Окно подсказки можно создать с помощью prompt() функции.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Prompt Dialog Box </title> 
</head>
<body>
 <script>
  var name = prompt("What's your name?");
 
  if(name.length > 0 && name != "null") {
   document.write("Hi, " + name);
   } else {
   document.write("Hello Anonymous!");
    }
 </script>
</body>
</html>

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