JavaScript 使用交互對話框

■知識點(diǎn)

window對象定義了 3個人機(jī)交互的方法，主要方便對JavaScript代碼進(jìn)行測試。

    alert()：確定提示框。由瀏覽器向用戶彈出提示性信息。該方法包含一個可選的提示信息參數(shù)。如果沒有指定參數(shù)，則彈出一個空的對話框。

    confirmO：選擇提示框。由瀏覽器向用戶彈出提示性信息，彈出的對話框中包含兩個按鈕，分別表示“確定”和“取消”。如果單擊“確定”按鈕，則該方法將返回true;單擊“取消”按鈕，則該方法返回false。confirmO方法也包含一個可選的提示信息參數(shù)，如果沒有指定參數(shù)，則彈出一個空的對話框。

    prompt()：輸入提示框。可以接收用戶輸入的信息，并返回輸入的信息。prompt()方法也包含一個可選的提示信息參數(shù)，如果沒有指定參數(shù)，則彈出一個沒有提示信息的輸入文本對話框。

■實(shí)例設(shè)計(jì)

【示例1】下面的示例演示了如何綜合調(diào)用這3個方法來設(shè)計(jì)一個人機(jī)交互的對話。

var user = prompt("請輸入你的用戶名：");

if( ! ! user) {                                    //把輸入的信息轉(zhuǎn)換為布爾值

    var ok = confirm("你輸入的用戶名為：\n" + user."\n請確認(rèn)。"); //輸入信息確認(rèn) 

    if (ok) {

        alert ("歡迎你：\n" + user );

    }

    else{                                          //重新輸入信息

        user = prompt("請重新輸入你的用戶名: ");

        alert_("歡迎你：\.n" + user );

    }

}else {                                            //提不輸入信息

        user = prompt ("請輸入你的用戶名：");

}

    這3個方法僅接收純文本信息，忽略HTML字符串，只能使用空格、換行符和各種符號來格式化提示對話框中的顯示文本。提示，不同瀏覽器對于這3個對話框的顯示效果略有不同。

    可以重置這些方法。設(shè)計(jì)思路：通過HTML方式在客戶端輸出一段HTML，然后使用CSS修飾對話框的顯示樣式，借助JavaScript來設(shè)計(jì)對話框的行為和交互效果。