弹出框是向网站访问者显示警告或任何其他重要信息的最有用的方式。
JavaScript提供了三种不同类型的弹出框供开发者使用。
alert() – 警告框
alert()主要通过在小对话框中显示一些消息来通知或提醒用户。当弹出警告框时，用户必须单击“确定”才能继续操作。
alert('你好！');confirm() – 确认框
confirm()用来让用户作出选择。当弹出一个确认框时，用户必须单击 “确定” 或 “取消” 以继续下一步操作。开发者可以使用条件逻辑指定业务流向。
<script type="text/javascript">
function doConfirm() {
var conVal = confirm("确认吗？");
if (conVal == true) {
val = "确认！";
} else {
val = "取消";
}
alert(val);
}
</script>
<button onclick="doConfirm()">点击测试confirm()</button>prompt() – 提示框
如果你希望用户在继续下一步之前输入一些内容，则通常使用prompt()提示框。第一个参数是纯文本提示语，第二个参数是默认值。
<script type="text/javascript">
function doPrompt() {
var username = prompt("输入用户名：", "tom");
if (username != null) {
alert("输入内容为：" + username);
} else {
alert("请输入内容！");
}
}
</script>
<button onclick="doPrompt()">点击测试prompt()</button>