<!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>
网友评论