JS弹出框

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

一、JS三种最常见的对话框

1.alert()警告框

alert是警告框，只有一个按钮“确定”无返回值，警告框经常用于确保用户可以得到某些信息。当警告框出现后，用户需要点击确定按钮才能继续进行操作。

2.confirm()确认框

confirm是确认框，两个按钮，确定或者取消，返回true或false。确认框用于使用户可以验证或者接受某些信息。当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。

3.prompt()输入框

prompt是提示框，返回输入的消息，或者其默认值提示框经常用于提示用户在进入页面前输入某个值。当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。

<html>
<head> <title>test</title> <script type="text/javascript"> //弹出对话框并输出一段提示信息
function fun1(){
alert("这是警告框");
} //弹出一个询问框，有确定和取消按钮
function fun2(){
//利用对话框返回的值（true 或者 false）
if(confirm("你确定提交么")){
alert("你点击了确定");
}
else{
alert("你点击了取消");
}
} //弹出一个输入框，输入一段文字，可以提交
function fun3(){
//将输入的内容赋给变量 name
var name = prompt("请输入您的名字",""); alert(name);
if(name){//如果返回的有内容
alert("欢迎您: " + name);
}
} </script> </head> <body> <input type="button" value="警告框" onclick="fun1();"/><br> <input type="button" value="询问框" onclick="fun2();"/><br> <input type="button" value="输入框" onclick="fun3();"/><br> </body>
</html>