使用過js對朋友應該會發現我們在實際使用過程當中使用到的一些方法都會通過彈出的窗口來下達一些命令和指示，因為我們在進行網頁瀏覽，或者是用戶與應用程序進行雙向交流時也經常會使用到一些對話框。那你知道js彈出窗口的方式是什么嗎？如果想知道的朋友接著往下看吧。
js彈出窗口——js彈出窗口的三大方法
第一種：alert()方法
alert()方法是這三種對話框中最容易使用的一種，她可以用來簡單而明了地將alert()括號內的文本信息顯示在對話框中，我們將它稱為警示對話框，要顯示的信息放置在括號內，該對話框上包含一個“確認”按鈕，用戶閱讀完所顯示的信息后，只需單擊該按鈕就可以關閉對話框。
第二種：confirm()方法
confirm()方法與alert()方法的使用十分類似，不同點是在該種對話框上除了包含一個“確認”按鈕外，還有一個“取消”按鈕，這種對話框稱為確認對話框，在調用window對象的confirm()方法以及后面介紹的prompt()方法時也可以不寫window。
第三種：prompt()方法
alert()方法和confirm()方法的使用十分類似，都是僅僅顯示已有的信息，但用戶不能輸入自己的信息，但是prompt()可以做到這點，她不但可以顯示信息，而且還提供了一個文本框要求用戶使用鍵盤輸入自己的信息，同時她還包含“確認”或“取消”兩個按鈕，如果用戶“確認”按鈕，則prompt()方法返回用戶在文本框中輸入的內容(是字符串類型)或者初始值(如果用戶沒有輸入信息);如果用戶單擊“取消”按鈕，則prompt()方法返回null，我們稱這種對話框為提示框，在這三種對話框中，她的交互性最好。
js彈出窗口的案例分析
<html>
<head>
<title>編寫html頁面</title>
<scriptlanguage=”javascript”>//JavaScript腳本標注
alert(“上聯：山石巖下古木枯”);//在頁面上彈出上聯
alert(“下聯：白水泉邊少女妙”);//在頁面上彈出下聯
</script>
</head>
</html>
執行上面的小例子，在頁面上彈出對話框并顯示一句話“上聯：山石巖下古木枯”，如下所示：
接著，單擊“確認”按鈕后再顯示第二個對話框并顯示“白水泉邊少女妙！”，效果如下；
在頁面上彈出對話框并顯示一句話“上聯：山石巖下古木枯”，單擊“確認”按鈕后再顯示第2個對話框并顯示“白水泉邊少女妙！”我們來分析一下這個小例子：
a、在<script>腳本塊中兩次調用alert()方法；
b、在每個alert()括號內分別添加了一段文本信息，運行出現如下圖所示的頁面，當使用鼠標單擊頁面上的“確定”按鈕后，出現第二個頁面，再點擊“確定”按鈕后就關閉頁面上的對話框。注意：兩個對話框是分別顯示的，而不是一個覆蓋另一個，這是因為js實在執行完第一個alert()并等到用戶點擊“確認”按鈕之后才去執行第二個alert()的。
alert()是js的window對象的一個方法，調用時可以寫成window.alert()，也可以寫成alert()，功能都是產生一個帶確認按鈕的對話框，上面顯示括號內的信息。
以上就是有關js彈出對話框的所有內容，學會彈出窗口的方式也是學習js做一個重要的知識點，因此希望各位能夠引起注意和重視，如果大家還想了解更多與之有關的內容，歡迎關注我們文軍營銷的官網。
推薦閱讀
400-685-0732(7x24小時)
關注文軍
