15 JavaScript彈窗（警告框alert、確認框confirm、提示框Promt）

本文轉載自查看原文 2019-10-17 14:13 530

警告框：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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 jquery仿alert提示框、confirm確認對話框、prompt帶輸入的提示框插件[附實例演示] js：window對象（確認框、警告框、提示框） JS 提示框 alert()、confirm()、prompt()的三者的區別 extjs ajax 同步及 confirm 確認提示框問題 js三種消息框總結-警告框、確認框、提示框替代alert的消息框和提示框封裝：element-ui之confirm消息提示框、確認提示彈框 BootStrap 警告提示框 js創建彈框（提示框，待確認框）警告框操作方法（alert彈窗）