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();