<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<script>
js提供的浏览器弹窗
//1. alert:在浏览器弹出一个提示框 (提供确定按钮,点击确定 弹框消失)
// alert([12,23]);//12,23
// alert({name:'11'}) //[object Object]
//使用alert弹窗提示信息,提示的内容最后都会转化成字符串输出(调用了toString 方法)
// alert(1+1); //=> "2"
-
confirm :在alert 基础上增加了让用户选择性的操作(提供两个按钮 :确定 和 取消)
var zhufengFlag=confirm('are you sure delete this?');
alert(zhufengFlag)
// 当用户点击确定按钮的时候,我们接收到的是true,点击的是取消按钮时, 我们接收到的结果是FALSE,此后 我们可以根据接收到的结果做不同的处理即可
3.prompt : 在confirm基础上增加让用户输入的效果
// var flag= prompt('are you sure delete this?');
//用户点击取消按钮,我们获取到的结果是 null,如果用户点击的是确定按钮,我们将会获取到用户输入的内容,如果用户没有输入内容,获取的结果是空字符串
// alert(flag)
真实项目中,尤其是需要样式精美的网站中,我们的提示框一般都是自己封装插件和组件来实现的,不会用内置的 (使用原生js封装模态组件)
</script>
<body>
</body>
</html>