轻松上手,快乐学习!

Window prompt() 方法


实例

显示提示框,询问用户姓名,并输出问候消息:

var person = prompt("Please enter your name", "Harry Potter");

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

页面下方有更多实例。


定义和用法

prompt() 方法显示一个对话框,提示访问者进行输入。

如果希望用户在进入页面之前输入值,通常会使用提示框。

注释: 当弹出提示框时,用户必须在输入值后单击"确定"或"取消"继续。不要过度使用此方法,因为它会阻止用户在关闭框之前访问页面的其他部分。

如果用户单击"确定", prompt() 方法将返回输入值。如果用户单击"取消",该方法将返回 null。


浏览器支持

方法
prompt() Yes Yes Yes Yes Yes

语法

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;
}
亲自试一试 »

相关页面

Window 对象: alert() 方法

Window 对象: confirm() 方法


❮ Window 对象