您的位置：首页 > Web前端 > HTML

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

2018-02-02 21:06 721 查看
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>


对话框测试：


<div style="margin-top:50px">
<input type="button" value="alert" onclick="alert('你好！')" />
<input type="button" value="confirm" onclick="confirmDialog()" />
<input type="button" value="prompt" onclick="promptDialog()" />
</div>
</body>
</html>


来自

http://blog.csdn.net/clementad/article/details/46763139

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

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

语法:

alert(字符串或变量);

注意:

在点击对话框”确定”按钮前，不能进行任何其它操作。

消息对话框通常可以用于调试程序。

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

注: 通过返回值可以判断用户点击了什么按钮

<script type="text/javascript">

function rec()
{
var mymessage=confirm("你喜欢javascript吗？");
if(mymessage==true)
{
document.write("很好，加油！");
}
else if(mymessage==false)
{
document.write("要学javascript，而且必须学");
}
}
</script>

</head>

<body>
<input type="button" name="button" value="点击我，弹出确认对话框" onclick="rec()" />
</body>


<script type="text/javascript">
function resc()
{
var myname=prompt("请输入你的姓名");
if(myname!=null)
{
document.write("你好"+myname);
}
else
{
document.write("你好"+朋友);
}
}
</script>


<body>
<input type="button" name="button" value="点击我，弹出提问对话框" onclick="resc()" />
</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html 对话框 alert confirm prompt
相关文章推荐
新的分享
章节导航