JavaScript的prompt及confirm視窗

目錄 : 網頁設計學習課程參考

為了讓後續的講解內容有更多素材來建構各式例子, 在本節中我們將向各位介紹JavaScript中除alert以外另外兩個產生彈出視窗的方法, 分別是JavaScript中的prompt方法以及confirm方法.

prompt方法是來產出一個彈出視窗, 用來詢問使用者並要求使用者提供資料. 使用者提供的資料是以字串型態回傳. 使用prompt的語法如下:

                                    var 變數=prompt(問題字串, 預設值);

在prompt產出的視窗中, 第一行會展示問題字串, 第二行會出現一個文字方塊以便使用者回答問題並輸入資料. 下方有一個確定鍵以及一個取消鍵. 如使用者輸入一個值至文字方塊中並按下確定鍵, 資料會回傳至網頁中並儲存至所指定的變數中. 如果使用者在prompt視窗中按下取消鍵則回傳null.

confirm方法是來產出一個彈出視窗, 用來向使用者進行確認. confirm方法會回傳一個布林值反應使用者的決定. 使用confirm的語法如下:

                                       var 變數=confirm(問題字串);

在confirm產出的視窗中, 第一行會展示問題字串,下方有一個確定鍵以及一個取消鍵. 如使用者按下確定鍵, 會回傳true至網頁中並儲存至所指定的變數中. 如果使用者按下取消鍵則回傳false.

範例

在本範例中示範用的程式如下:

執行後首先出現prompt視窗. 視窗出現時會有一個灰色遮罩(mask)覆蓋網頁, 使prompt視窗以外網頁部份暫時不能操作.

在文字方塊中輸入並按下確定鍵.

隨即出現的alert視窗顯示變數中儲存的值和我們輸入的值一致. 按下確定鍵.

隨即出現confirm視窗.

按下確定鍵. 隨即出現的alert視窗顯示變數中儲存的值為true, 代表使用者按下了確定鍵.

PS: 版權所有,侵犯著作權必告.