javascript的三種對話框是通過呼叫window物件的三個方法alert()，confirm()和prompt()來獲得，可以利用這些對話框來完成js的輸入和輸出，實作與用戶能進行互動的js代碼，
第一種：alert（）方法
警告框alert()
alert是警告框，只有一個按鈕“確定”無回傳值，警告框經常用于確保用戶可以得到某些資訊，當警告框出現后，用戶需要點擊確定按鈕才能繼續進行操作，語法：alert("文本")，
alert是這三種方法中最簡單的一種
<html> <head> <title>撰寫html頁面</title> <script language="javascript"> //JavaScript腳本標注 alert("1");//在頁面上彈出上聯 alert("2");//在頁面上彈出下聯 </script> </head> </html>
運行上段代碼在頁面上彈出對話框并顯示“1”，如下所示：
單擊“確認”按鈕后再顯示第二個對話框并顯示“2”，效果如下：
1、在<script>腳本塊中兩次呼叫alert()方法；
2、在每個alert()括號內分別添加了一段文本資訊，運行出現如下圖所示的頁面，當使用滑鼠單擊頁面上的“確定”按鈕后，出現第二個頁面，再點擊“確定”按鈕后就關閉頁面上的對話框， 注意：兩個對話框是分別顯示的，而不是一個覆寫另一個，這是因為js實在執行完第一個alert()并等到用戶點擊“確認”按鈕之后才去執行第二個alert()的，
alert()是js的window物件的一個方法，呼叫時可以寫成window.alert()，也可以寫成alert()，功能都是產生一個帶確認按鈕的對話框，上面顯示括號內的資訊，
第二種：confirm()方法
確認框confirm()
confirm是確認框，兩個按鈕，確定或者取消，回傳true或false，確認框用于使用戶可以驗證或者接受某些資訊，當確認框出現后，用戶需要點擊確定或者取消按鈕才能繼續進行操作，如果用戶點擊確認，那么回傳值為 true，如果用戶點擊取消，那么回傳值為 false，
confirm()方法與alert()方法的使用十分類似，不同點是在該種對話框上除了包含一個“確認”按鈕外，還有一個“取消”按鈕，這種對話框稱為確認對話框，在呼叫window物件的confirm()方法以及后面介紹的prompt()方法時也可以不寫window，
<html> <head> <title>撰寫html頁面</title> <script language="javascript"> //js腳本標注 confirm("alert；confirm"); //在頁面上彈出確認對話框 </script> </head> </html>
顯示效果如下：
1、在<script>腳本塊中添加confirm()方法、
2、在confirm()括號內添加了一段文本資訊，運行效果如上圖所示，如果用戶單擊“確認”按鈕，則confirm()方法會回傳true，如果用戶單擊“取消”按鈕，則confirm()方法會回傳false，無論用戶選擇哪個按鈕，都會關閉對話框，而繼續執行javascript代碼，單擊“確認”或“取消”按鈕都是關閉對話框，似乎沒有什么區別，實際上，無論是單擊“確認”或“取消”按鈕都會回傳一個布林值，這樣就 可以再幕后有一些js代碼來發揮按鈕的作用，請大家看下面的例子，體會使用confirm()回傳布林值的妙處，
<html> <head> <title>撰寫html頁面</title> <script language="javascript"> //js腳本標注 var con; con=confirm("你喜歡玫瑰花么?"); //在頁面上彈出對話框 if(con==true)alert("非常喜歡!"); else alert("不喜歡!"); </script> </head> </html>
在<script>腳本塊中宣告了一個變數con；
con=confirm()一句將confirm()方法回傳的布林值賦給con；
通過if陳述句來使用con的值，分別執行不同的陳述句；執行的效果如下：
如果單擊頁面的確認框上的“確定”按鈕后，出現如下圖所示的頁面：
如果單擊“取消”按鈕，則出現如下圖所示的頁面：
第三種：prompt()方法
提示框prompt()
prompt是提示框，回傳輸入的訊息，或者其默認值提示框經常用于提示用戶在進入頁面前輸入某個值，當提示框出現后，用戶需要輸入某個值，然后點擊確認或取消按鈕才能繼續操縱，如果用戶點擊確認，那么回傳值為輸入的值，如果用戶點擊取消，那么回傳值為 null，
alert()方法和confirm()方法的使用十分類似，都是僅僅顯示已有的資訊，但用戶不能輸入自己的資訊，但是prompt()可以做到這點，她不但可以顯示資訊，而且還提供了一個文本框要求用戶使用鍵盤輸入自己的資訊，同時她還包含“確認”或“取消”兩個按鈕，如果用戶“確認”按鈕，則prompt()方法回傳用戶在文本框中輸入的內容（是字串型別)或者初始值(如果用戶沒有輸入資訊);如果用戶單擊“取消”按鈕，則prompt()方法回傳null，
<html> <head> <title>撰寫html頁面</title> <script language="javascript"> //js腳本標注 var name,age; name=prompt("請問你叫什么名字?"); /*在頁面上彈出提示對話框， 將用戶輸入的結果賦給變數name*/ alert(name); //輸出用戶輸入的資訊 age=prompt("你今年多大了?","請在這里輸入年齡"); /*在頁面上再一次彈出提示對話框， 講用戶輸入的資訊賦給變數age*/ alert(age)//輸出用戶輸入的資訊 </script> </head> </html>
運行上面的程式，效果如下所示：
單擊確定：
再次點擊確定：
不輸入任何值時回傳null，效果如下：
1、在<script>腳本塊中添加了兩個prompt()方法，
2、在第一個prompt()括號內添加了一段文本資訊，
3、name=prompt()一句是將用戶在文本框中輸入的資訊賦給變數name，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/75989.html
標籤：JavaScript