使用事件解释弹出消息

JavaScript 提供了多种弹出框来提醒、提醒或检索用户输入。在弹出窗口关闭之前，弹出框会阻止用户访问程序的某些功能，因此不应过度使用它们。 JavaScript 中使用了三种不同类型的弹出方法——警报框、确认框、提示框

1. 警告框：警告（Alert）对话框最常用于通过在小型聊天框中显示特定消息来警告或提醒用户。

示例：下面的示例说明了警报框的使用：

Javascript

   

    
        function showAlert() {
            alert("Displaying an Alert box");
        }
    

  

    
        Display Alert Box
    

   

输出：

图 1.1 警报框

2.确认框：一个验证（Confirm）框用于让用户做出选择。当 Javascript 显示一个复选框时，用户需要单击“确定”或“取消”才能继续下一步。当用户单击确定按钮时，变量结果将获得真值，当用户单击取消不同结果时，您将获得假值。此外，根据用户点击的内容，我们可以执行不同的操作。我们可以用有条件的头脑来解释这个动作。

示例：下面的示例说明了确认框的使用：

Javascript

  

    
        function isConfirmed() {
            let conVal =
                confirm("Are you ready to confirm?");
            if (conVal == true) {
                document.getElementById("result")
                    .innerHTML = "Confirmed !";
            } else {
                document.getElementById("result")
                    .innerHTML = "Cancelled !";
            }
        }
    

  

    
        
    
  
    

  

输出：

图 1.2 确认框

3. 提示框： JS 提示框可用于检索用户输入。当 JS 显示收件箱时，用户会看到一个带有输入位置的弹出框，输入值后“确定”或“取消”按钮继续。

示例：下面的示例说明了提示框的使用：

Javascript

  

    
        function promptUser() {
            let userInput =
                prompt("Hi Dude, What is your name?",
                    "John Wick");
            if (userInput != null) {
                document.getElementById("result").
                    innerHTML = "Hello " + userInput +
                    ",Thanks for Contributing to GFG";
            }
        }
    

  

    
        Click here for prompt
    

  

输出：

图 1.3 提示框

弹出框的用途：

• JavaScript 警报框可用于显示任何错误消息和任何帮助消息。例如，如果您执行表单字段验证，并且您发现一定数量的位置不正确，您可以显示一个警告框，其中包含有关错误输入的用户通知消息。
• JavaScript 验证框是验证任何重要用户操作的好方法，例如当我们单击按钮时，我们的 Web 应用程序中是否有一个功能，我们对服务器进行 AJAX 调用以从站点中删除某些数据，在这种情况下，最好在单击按钮后再次确认，如果请求有误，则再次确认或取消请求。因此，对于重要的操作，我们应该使用确认弹出框。
• JavaScript 提示框可用于创建类似系统的菜单，其中基于用户输入使用 JavaScript 转换语句执行各种操作。