html对话框alert,confirm,prompt用法汇总

快来打我* 2022-05-31 01:39 1600阅读 0赞

html页面简单的三种对话框如下：

1、alert()，最简单的提示框：

alert("你好！");

2、confirm()，有确认和取消两个按钮：

if(confirm("还有继续吗？")){  
        alert("继续");  
    }else{  
        alert("再见");  
    }

3、prompt()，可以输入信息：

var name = prompt("你的名字是：");  
    alert("你好，" + name);

完整的html代码：

<!DOCTYPE html>  
    <html>  
      <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
        <meta name="content-type" content="text/html; charset=UTF-8">  
    
        <title>对话框测试</title>  
    
        <script> function confirmDialog(){ if(confirm("还要继续吗？")){ alert("继续"); }else{ alert("再见"); } } function promptDialog(){ var name = prompt("你的名字是："); alert("你好，" + name); } </script>  
      </head>  
    
    <body>

对话框测试：

来自  
[http://blog.csdn.net/clementad/article/details/46763139][http_blog.csdn.net_clementad_article_details_46763139]

--------------------

我们在访问网站的时候，有时会突然弹出一个小窗口，上面写着一段提示信息文字。如果你不点击“确定”，就不能对网页做任何操作，这个小窗口就是使用alert实现的。

注:alert弹出消息对话框(包含一个确定按钮)。

语法:

alert(字符串或变量);  
注意:

1.  在点击对话框”确定”按钮前，不能进行任何其它操作。
2.  消息对话框通常可以用于调试程序。
3.  alert输出内容，可以是字符串或变量，与document.write 相似。

<title>alert</title>  
      <script type="text/javascript"> function rec(){ var mychar="I love JavaScript"; alert(mychar); } </script>  
    </head>  
    <body>  
        <input name="button" type="button" onClick="rec()" value="点击我，弹出对话框" />  
    </body>

确认（confirm 消息对话框）  
confirm 消息对话框通常用于允许用户做选择的动作，如：“你对吗？”等。弹出对话框(包括一个确定按钮和一个取消按钮)。  
语法:

confirm(str);  
参数说明:

str：在消息对话框中要显示的文本  
返回值: Boolean值  
返回值:

当用户点击”确定”按钮时，返回true  
当用户点击”取消”按钮时，返回false  
注: 通过返回值可以判断用户点击了什么按钮

[http_blog.csdn.net_clementad_article_details_46763139]: http://blog.csdn.net/clementad/article/details/46763139