15 JavaScript弹窗（警告框alert、确认框confirm、提示框Promt）

警告框：window.alert()。通常用于确认用户可以得到某些信息

<body>
<script type="text/javascript" charset="utf-8">
    function myFunction(){
        alert("这是一个警告框！");
    }
</script>
<input  type="button" value="警告框" onclick="myFunction()"/>
</body>

确认框：window.confirm()。点击确认，返回true。点击取消，返回false。

<body>
<p>点击按钮，显示确认框</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction(){
    var x;
    var r = confirm("按下按钮");
        if(r==true){
            x = "你按下了确认按钮！";
        }
        else{
            x = "你按下了取消按钮！";
        }
    document.getElementById("demo").innerHTML=x;
}
</script>
</body>

提示框：window.prompt().常用于用户在进入页面前输入某个值。返回值为用户输入或者null

<body>

<p>点击按钮查看输入的对话框</p>
<input type="button" value="点我" onclick="myFunciton()"/>
<p id="demo"></p>

<script type="text/javascript" charset="utf-8">
    function myFunciton(){
        var username = prompt("请输入你的名字");
        if(username != null && username != ""){
            document.getElementById("demo").innerHTML = username;
        }
    }
</script>
</body>

 

posted @ 2019-10-17 14:13  IslandZzzz  阅读(2120)  评论(1)  编辑  收藏  举报