弹出提示框一般有3种
1)alert (普通提示框)
2)prompt (可输入的提示框)
3)confirm (可选择的提示框)
下面举个例子:
<!doctype html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<button onclick="mal()">第一种:alert</button>
<button onclick="mpro()">第二种:prompt</button>
<button onclick="mcon()">第三种:confirm</button>
<script>
function mal(){
alert('这是一个普通的提示框')
}
function mpro(){
var val = prompt('这是一个可输入的提示框','这个参数为输入框默认值,可以不填哦')
//prompt会把输入框的值返回给你
}
function mcon(){
var boo = confirm('这是一个可选择的提示框,3种提示方式,学会了吗?')
//confirm 会返回你选择的选项,然后可以依据选择执行逻辑
if(boo){
alert('学会了,真聪明')
}else{
alert('再来一遍吧')
}
}
</script>
</body>
</html>
//弹出框if(confirm("是否进行删除操作")){
alert("执行了删除操作")
}else{
alert("没有执行删除操作")
}
//输入框
var temp =prompt("请输入您想要输入的内容和")
alert(temp+":"+typeof(temp))
弹窗就是弹出层吗?自带的弹出层alert(),很丑,可以用layui的layer.msg()挺好看的。具体设置,在业务场景中用到alert()或者layer.msg()就可以了,很简单。