JavaScript 使用交互对话框

■知识点

window对象定义了 3个人机交互的方法，主要方便对JavaScript代码进行测试。

    alert()：确定提示框。由浏览器向用户弹出提示性信息。该方法包含一个可选的提示信息参数。如果没有指定参数，则弹出一个空的对话框。

    confirmO：选择提示框。由浏览器向用户弹出提示性信息，弹出的对话框中包含两个按钮，分别表示“确定”和“取消”。如果单击“确定”按钮，则该方法将返回true;单击“取消”按钮，则该方法返回false。confirmO方法也包含一个可选的提示信息参数，如果没有指定参数，则弹出一个空的对话框。

    prompt()：输入提示框。可以接收用户输入的信息，并返回输入的信息。prompt()方法也包含一个可选的提示信息参数，如果没有指定参数，则弹出一个没有提示信息的输入文本对话框。

■实例设计

【示例1】下面的示例演示了如何综合调用这3个方法来设计一个人机交互的对话。

var user = prompt("请输入你的用户名：");

if( ! ! user) {                                    //把输入的信息转换为布尔值

    var ok = confirm("你输入的用户名为：\n" + user."\n请确认。"); //输入信息确认 

    if (ok) {

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

    }

    else{                                          //重新输入信息

        user = prompt("请重新输入你的用户名: ");

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

    }

}else {                                            //提不输入信息

        user = prompt ("请输入你的用户名：");

}

    这3个方法仅接收纯文本信息，忽略HTML字符串，只能使用空格、换行符和各种符号来格式化提示对话框中的显示文本。提示，不同浏览器对于这3个对话框的显示效果略有不同。

    可以重置这些方法。设计思路：通过HTML方式在客户端输出一段HTML，然后使用CSS修饰对话框的显示样式，借助JavaScript来设计对话框的行为和交互效果。