JavaScript 中可用的弹出框类型有哪些？

在 Javascript 中，弹出框用于向用户显示消息或通知。 JavaScript 中有三种弹出框，分别是Alert Box 、 Confirm Box和Prompt Box 。

警告框：当需要产生警告信息时使用。当向用户显示警告框时，用户需要按确定并继续。

句法：

alert("your Alert here")

例子：

HTML

 

    Pop-up Box type | Alert Box
    
        h1{
            color:green;
        }
    

 

    
 
        GeeksforGeeks
 
        Alert Box
        
            Click here for alert box
        
         
        
        
            function geekAlert() {
                alert("An Online Computer Science"
                               + "Portal for Geeks");
            }
        
    

 

输出：
按下按钮之前：

按下按钮后：

提示框：这是一种弹出框，用于获取用户输入以供进一步使用。输入所需的详细信息后，用户必须单击确定以继续下一阶段，否则按取消按钮用户返回空值。

句法：

prompt("your Prompt here")

例子：

HTML

 

    
      Pop-up Box type | Prompt Box
    
    
        h1 {
            color: green;
        }
    

 

    
 
        GeeksforGeeks
 
        Prompt Box
 
        
 
        
        
            function geekPrompt() {
                var x = prompt("Enter your mail here : ");
                document.write("Your ID : " + x);
            }
        
    

 

输出：
按下按钮之前：

按下按钮后：

确认框是一种弹出框，用于获得用户的授权或许可。用户必须按确定或取消按钮才能继续。

句法：

confirm("your query here")

例子：

HTML

 

    
        Pop-up Box type | Confirm Box
    
    
        h1 {
            color: green;
        }
    

 

    
 
        GeeksforGeeks
 
        Confirm Box
 
        
          Click here for Confirm box
        
 
        
 
 
        
        
            function geekConfirm() {
                var x;
                if (confirm("Press a button!") == true) {
                    x = "OK pressed!";
                } else {
                    x = "Cancel!";
                }
                document.getElementById("geek").innerHTML = x;
            }
        
    

 

输出：
按下按钮之前：

按下按钮后：