1. 程式人生 > >JavaScript彈出對話方塊alert、confirm、prompt

JavaScript彈出對話方塊alert、confirm、prompt

1、alert()–警告訊息框 
alert 方法有一個引數,即希望對使用者顯示的文字字串。該字串不是 HTML 格式。該訊息框提供了一個“確定”按鈕讓使用者關閉該訊息框,並且該訊息框是模式對話方塊, 
也就是說,使用者必須先關閉該訊息框然後才能繼續進行操作。 
例如:window.alert(“歡迎!請按“確定”繼續。”),

2、confirm()–確認訊息框 
使用確認訊息框可向使用者問一個“是-或-否”問題,並且使用者可以選擇單擊“確定”按鈕或者單擊“取消”按鈕。confirm 方法的返回值為 true 或 false。該訊息框也是模式對話方塊: 
使用者必須在響應該對話方塊(單擊一個按鈕)將其關閉後,才能進行下一步操作。

3、prompt()–提示訊息框 
兩個引數提示訊息框提供了一個文字欄位,使用者可以在此欄位輸入一個答案來響應您的提示。該訊息框有一個“確定”按鈕和一個“取消”按鈕。如果您提供了一個輔助字串引數, 
則提示訊息框將在文字欄位顯示該輔助字串作為預設響應。否則,預設文字為 “”。 與alert( ) 和 confirm( ) 方法類似,prompt 方法也將顯示一個模式訊息框。 
使用者在繼續操作之前必須先關閉該訊息框 。
 

<script>
function myFun()
{
    alert ("蛋蛋你好");
    x = confirm("Are you sure?");
    x = prompt("請輸入姓名:\n中文字","good");
    document.getElementById("demo").innerHTML=x;
}
</script>
<p id="demo">This is Parageraph.</p>
<button type = "button" onclick="myFun()"> push me!!!</button>