javascript：警告（alert 消息对话框），确认（confirm 消息对话框）

最新推荐文章于 2025-07-07 14:51:28 发布

原创最新推荐文章于 2025-07-07 14:51:28 发布 · 7.2w 阅读

23 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

32 篇文章

订阅专栏

本文介绍了JavaScript中的三种对话框：alert用于显示警告信息；confirm用于获取用户的确认；prompt用于请求用户输入信息。并通过实例展示了每种对话框的用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们在访问网站的时候，有时会突然弹出一个小窗口，上面写着一段提示信息文字。如果你不点击“确定”，就不能对网页做任何操作，这个小窗口就是使用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
注: 通过返回值可以判断用户点击了什么按钮


<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>