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>
（原创文章，转载请注明转自Clement-Xu的csdn博客。）
版权声明：本文为原创文章，转载请注明转自Clement-Xu的csdn博客。
时间： 2024-07-30 02:52:11