JavaScript HTML DOM Window prompt() 方法

Window prompt() 方法

prompt()方法显示一个对话框，提示访问者输入。如果您希望用户在输入页面之前输入值，则通常会使用提示框。

注意：当弹出提示框时，用户必须在输入输入值后单击“确定”或“取消”继续。不要过度使用此方法，因为它会阻止用户访问页面的其他部分，直到该框关闭。如果用户单击“确定”，则prompt()方法返回输入值。如果用户单击“取消”，则该方法返回null。

显示一个提示框，询问用户她/他的名字，并输出一条消息：

var person = prompt("请你输入你的名字", "哈利波特");

if (person != null) {
  document.getElementById("demo").innerHTML =
  "Hello " + person + "! How are you today?";
}

尝试一下

浏览器支持

项	IE/Edge	Chrome	FireFox	Safari	Opera
方法
prompt()	支持	支持	支持	支持	支持

语法

prompt(text, defaultText)

参数值

值	类型	描述
text	String	需要。要在对话框中显示的文本
defaultText	String	可选的。默认输入文本

技术细节

项目	描述
返回值：	一个字符串。如果用户单击“确定”，则返回输入值。如果用户单击“取消”，则返回null。如果用户单击“确定”而未输入任何文本，则返回空字符串。

更多例子

使用switch语句和prompt()根据用户输入执行一段代码：

var text;
var favDrink = prompt("What's your favorite cocktail drink?");
switch(favDrink) {
  case "Martini":
    text = "Excellent choice! Martini is good for your soul.";
    break;
  case "Daiquiri":
    text = "Daiquiri is my favorite too!";
    break;
  case "Cosmopolitan":
    text = "Really? Are you sure the Cosmopolitan is your favorite?";
    break;
  default:
    text = "I have never heard of that one..";
    break;
}