3种对话框---JavaScript

最新推荐文章于 2020-06-10 09:09:15 发布

一路向前！

最新推荐文章于 2020-06-10 09:09:15 发布

阅读量621

点赞数 1

分类专栏： -----JavaScript

本文链接：https://blog.youkuaiyun.com/ytm15732625529/article/details/52574925

版权

-----JavaScript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了JavaScript中三种对话框的使用方法：alert用于简单提示信息；confirm用于获取用户的确认信息，返回true或false；prompt用于接收用户输入并返回字符串。通过具体实例展示了如何应用这些对话框。

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

前言：

在JavaScript中有三种样式的对话框，可分别用作提示、确定和输入，对应三个函数：alert、confirm、prompt。

alert：

该对话框只用于提醒，不能对脚本产生任何改变。它只有一个参数---需要提示的信息，没有返回值。

confirm：

该对话框一般用于确认信息。它只有一个参数，返回值为true或false。

prompt：

该对话框可以进行输入，并返回用户输入的字符串。它有两个参数，第一个参数显示提示信息，第二个参数显示输入框和默认值。

实例：

<!DOCTYPE html>
<html>
<head>
<title>三种弹出对话框的用法实例</title>
<script language="javascript">
function ale(){//弹出一个提示的对话框
	alert("呵呵，演示一完毕！");
}
function firm(){//利用对话框返回true或者false
	if(confirm("你确信要转去百度首页吗？")){//如果是true，那么就把页面转向百度首页
	location.href="http://www.baidu.com";
	}
	else{
	alert("按了【取消】按钮后，系统返回false");
	}
}
function prom(){
	var name=prompt("请输入您的名字","");//将输入的内容赋值给变量name
	if(name)//如果返回有内容
	{
		alert("欢迎您："+name);
	}
}
</script>
</head>
<body>
<p>1:只是提醒不能对脚本产生任何改变；</p>
<p>2:一般用于确认，返回true或者false</p>
<p>3：一个带输入的对话框，可以返回用户填入的字符串</p>
<p>下面分别演示：</p>
<p>演示一：提醒对话框</p>
<p></p>
<p><input type="submit" name="Submit" value="提交" οnclick="ale()"/></p>
<p>演示二：确认对话框</p>
<p><input type="submit" name="Submit2" value="提交" οnclick="firm()"/></p>
<p>演示三：要求用户输入，然后给个结果</p>
<p><input type="submit" name="Submit3" value="提交" οnclick="prom()"/></p>
</body>
</html>