警告框: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>
01-15 04:15