JavaScript 使用交互對(duì)話框

■知識(shí)點(diǎn)

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

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

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

    prompt()：輸入提示框?？梢越邮沼脩糨斎氲男畔ⅲ⒎祷剌斎氲男畔?。prompt()方法也包含一個(gè)可選的提示信息參數(shù)，如果沒(méi)有指定參數(shù)，則彈出一個(gè)沒(méi)有提示信息的輸入文本對(duì)話框。

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

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

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

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

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

    if (ok) {

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

    }

    else{                                          //重新輸入信息

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

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

    }

}else {                                            //提不輸入信息

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

}

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

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