JavaScript中的三种弹出框
JavaScript中有三种弹出框，alert()，confirm(), prompt()。
1、alert()弹出一个警示框
使用alert，浏览器可以弹出一个警示框。alert()中可以填写数字，填写文本和字符的时候需要加引号，如alert（‘请确认周围环境安全’），该消息框提供了一个“确定”按钮让用户关闭该消息框，并且该消息框是模式对话框，也就是说，用户必须先关闭该消息框然后才能继续进行操作。
代码：
<html>
<head>
<title>亦枫</title>
<script language="javascript"> //JavaScript脚本标注
alert("上联：山石岩下古木枯");//在页面上弹出上联
alert("下联：白水泉边少女妙");//在页面上弹出下联
</script>
</head>
</html>执行上面的小例子，在页面上弹出对话框并显示一句话“上联：山石岩下古木枯”，接着，单击“确认”按钮后再显示第二个对话框并显示“白水泉边少女妙！”。
效果：
在这里插入图片描述
2、confirm()确认框
使用confirm，浏览器可以弹出一个确认框。 使用确认消息框可向用户问一个“是-或-否”问题，并且用户可以选择单击“确定”按钮或者单击“取消”按钮。confirm 方法的返回值为 true 或 false。该消息框也是模式对话框：用户必须在响应该对话框（单击一个按钮）将其关闭后，才能进行下一步操作。
代码：
<html>
<head>
<title>编写html页面</title>
<script language="javascript"> //js脚本标注
confirm("上联：一但重泥拦子路；下联：两岸夫子笑颜回"); //在页面上弹出确认对话框
</script>
</head>
</html>效果：
在这里插入图片描述
3、prompt()提示消息框
提示消息框提供了一个文本字段，用户可以在此字段输入一个答案来响应您的提示。该消息框有一个“确定”按钮和一个“取消”按钮。如果您提供了一个辅助字符串参数，则提示消息框将在文本字段显示该辅助字符串作为默认响应。与alert( ) 和 confirm( ) 方法类似，prompt 方法也将显示一个模式消息框，用户在继续操作之前必须先关闭该消息框 。点击确认后，会返回您输入的结果，可以通过一个变量接收后，进行判断。
代码：
<html>
<head>
<title>编写html页面</title>
<script language="javascript"> //js脚本标注
var name,age;
name=prompt("请问你叫什么名字?"); /*在页面上弹出提示对话框，
将用户输入的结果赋给变量name*/
alert(name); //输出用户输入的信息
age=prompt("你今年多大了?","请在这里输入年龄"); /*在页面上再一次弹出提示对话框，
讲用户输入的信息赋给变量age*/
alert(age)//输出用户输入的信息
</script>
</head>
</html>效果：
在这里插入图片描述
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录