<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript">
<!--信息对话框-->
function info()
{
alert("基本对话框");
}
<!--确认对话框-->
function choose()
{
//使用对话框返回选择的结果
if(confirm("请按'确认'或'取消'进行选择"))
{
alert("你按下了确认按钮");
}
else
{
alert("你按下了取消按钮");
}
}
<!--输入对话框-->
function inputDialog()
{
var msg=prompt("请输入内容：");
if(msg)
{
alert("您输入的内容为："+msg);
}
}
</script>
<p>显示三种对话框</p>
<p>1:用于显示信息</p>
<p>2:用于确认操作，只有是否两种选择</p>
<p>3:用于用户交互，显示一个带输入项的对话框，用户在输入内容并点击确定后可以将信息返回给程序</p>
<p><hr /></p>
<p>A.基本对话框</p>
<p><input type="submit" value="提交" onclick="info()" /></p>
<p>B.确认对话框</p>
<p><input type="submit" value="提交" onclick="choose()" /></p>
<p>C.输入对话框</p>
<p><input type="submit" value="提交" onclick="inputDialog()" /></p>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript">
<!--信息对话框-->
function info()
{
alert("基本对话框");
}
<!--确认对话框-->
function choose()
{
//使用对话框返回选择的结果
if(confirm("请按'确认'或'取消'进行选择"))
{
alert("你按下了确认按钮");
}
else
{
alert("你按下了取消按钮");
}
}
<!--输入对话框-->
function inputDialog()
{
var msg=prompt("请输入内容：");
if(msg)
{
alert("您输入的内容为："+msg);
}
}
</script>
<p>显示三种对话框</p>
<p>1:用于显示信息</p>
<p>2:用于确认操作，只有是否两种选择</p>
<p>3:用于用户交互，显示一个带输入项的对话框，用户在输入内容并点击确定后可以将信息返回给程序</p>
<p><hr /></p>
<p>A.基本对话框</p>
<p><input type="submit" value="提交" onclick="info()" /></p>
<p>B.确认对话框</p>
<p><input type="submit" value="提交" onclick="choose()" /></p>
<p>C.输入对话框</p>
<p><input type="submit" value="提交" onclick="inputDialog()" /></p>
</body>
</html>