JavaScript 对话框
时间:2019-08-20 13:50:44 来源:igfitidea点击:
JavaScript支持三种重要类型的对话框。
这些对话框可用于发出和警告,或对任何输入进行确认,或获得来自用户的某个输入。
警告对话框 alert()
警告对话框主要用于向用户发送警告消息。
警告框只提供一个【确定】按钮。
js alert()示例
function Warn() { alert ("alert对话框用于提醒"); console.log ("alert对话框用于提醒"); } Warn();
确认对话框 confirm()
确认对话框主要用于在操作之前让用户再次确认信息。
它显示一个对话框,其中有两个按钮:【确定】和【取消】
如果用户单击【确定】按钮,窗口方法confirm()将返回true。
如果用户单击【取消】按钮,则confirm()返回false。
js confirm()示例
function getConfirmation() { var retVal = confirm("是否继续执行操作"); if( retVal == true ) { console.log ("用户选择了确定"); return true; } else { console.log ("用户选择了取消"); return false; } } getConfirmation();
提示对话框 prompt()
当我们想弹出一个文本框来获取用户输入时,提示对话框非常有用。
因此,它使我们能够与用户交互。
该对话框使用名为显示,该方法:
prompt()的方法有两个参数 (1)希望在文本框中显示的标签, (2)文本框中显示的默认字符串。
这个对话框有两个按钮:【确定】和【取消】
如果用户单击【确定】按钮,窗口方法prompt()将返回文本框中输入的值。
如果用户单击【取消】按钮,窗口方法prompt()将返回null。
js prompt()示例
function getValue() { var retVal = prompt("用户名: ", "请输入用户名"); console.log("用户名是: " + retVal); } getValue();