怎么用js弹出提示框

JavaScript019

怎么用js弹出提示框,第1张

弹出提示框一般有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()就可以了,很简单。