怎么用js弹出提示框

JavaScript011

怎么用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>

1、警告框alert,在js中直接运用alert("警告")

2、确认框confirm。

confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框,根据用户点击确认框上的按钮返回true与false。

用法:

if(confirm("确定要清空数据吗?"))

{

document.main.text1.value=""

}

3、信息输入框prompt。

prompt() 方法用于显示可提示用户进行输入的对话框。如果用户单击提示框的取消按钮,则返回 null。如果用户单击确认按钮,则返回输入字段当前显示的文本。

用法:

var name = prompt('请输入数字','')

//弹出框

if(confirm("是否进行删除操作")){

alert("执行了删除操作")

}else{

alert("没有执行删除操作")

}

//输入框

var temp =prompt("请输入您想要输入的内容和")

alert(temp+":"+typeof(temp))