如何用JS实现简单弹出框

JavaScript024

如何用JS实现简单弹出框,第1张

//弹出框

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

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

}else{

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

}

//输入框

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

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

弹出提示框一般有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>

不是调整窗口大小后会弹出三次警告框,而是瞬间你触发了三次window.onresize。

如果你调整一下鼠标的速度,动作再迅速一点,它可能会减少弹出的次数,我试过,有时候是三次,有时候是两次,很少出现一次的情况,因为人为很难控制(鼠标一托,你感觉只有一次,其实程式触发了好多次)。

有一种情况很好的证明了我说的:你点击最大化,它绝对只弹出一次;同理,你点还原,它也只弹出一次。最大化和还原是程序控制的,比人为更准确。