JavaScript弹出对话框的三种⽅式-alert（）-confirm（）-prompt（）⼀、alert()警告框（确定）
alert()⽅法是显⽰⼀条弹出提⽰消息和确认按钮的警告框。
需要注意的是 ：
alert()是⼀个阻塞的函数，如果不点确认按钮，后⾯的内容就不会加载出来。
使⽤⽅式：
alert(“想要提⽰的⽂本内容”)
点击确定按钮之后
实现代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p>alert是⼀个阻塞的函数</p>
write的返回值<p>点击弹出框确定按钮之后这句话才会显⽰</p>
<script>
alert("这是弹出框提⽰⽂本")
</script>
</body>
</html>
⼆、confirm()弹出个确认框 （确定，取消）
confirm()⽅法是显⽰⼀个含有指定消息和确认和取消按钮的确认框。
如果点击"确定"返回true，否则返回false。
使⽤⽅式：
（1）不接收返回值：
confirm(“这样写可以直接显⽰，不接收返回值。”)
（2）接收返回值：
var x;
var r=confirm(“请按下按钮!”);
if (r==true){
x=“你按下的是"确定"按钮。”;
}
else{
x=“你按下的是"取消"按钮。”;
}
document.write(x)
第1种⽅式：
第2种⽅式：
实现代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
//使⽤⽅式1
confirm("这种⽅式可直接显⽰，不接收返回值")
//使⽤⽅式2
var x;
var r = confirm("请按下按钮！")
if(r==true){
x ="你按下的是\"确定\"按钮。";
}else{
x ="你按下的是\"取消\"按钮。"
}
document.write(x)
</script>
</body>
</html>
三、prompt()提⽰框（弹出个输⼊框 让你输⼊东西）
prompt()⽅法是显⽰提⽰⽤户进⾏输⼊的对话框。
这个⽅法返回的是⽤户输⼊的字符串。
使⽤⽅式：
（1）不显⽰默认⽂本：
prompt(“开⼼吗?”); // 这个显⽰内容也可以不写，但就没有交互的意义了。
（2）显⽰默认⽂本：
var x;
var name=prompt(“请输⼊你的名字”,“Keafmd”);
if (name!=null && name!=""){
x="你好! " + name + “。”;
document.write(x)
}
第1种⽅式：
第2种⽅式：
实现代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>
</head>
<body>
<script>
//使⽤⽅式1不显⽰默认⽂本
prompt("⾼兴吗？")
/
/使⽤⽅式2显⽰默认⽂本
var x;
var name = prompt("请输⼊你的名字","zxf");
if(name!=null && name!=""){
x ="你好" + name + "！";
document.write(x)
}
</script>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。