Window prompt() 方法

定义和用法

prompt() 方法显示对话框，提示用户输入。

如果用户单击“确定”，则 prompt() 方法返回输入值，否则返回 null。

注意

如果您希望用户输入值，则使用提示框。

当弹出提示框时，用户必须单击“确定”或“取消”才能继续。

请勿过度使用这种方法。它会阻止用户在关闭框之前访问页面的其他部分。

另请参阅：

alert() 方法

confirm() 方法

实例

例子 1

提示输入用户名并输出消息：

let person = prompt("请输入您的名字", "Harry Potter");

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

亲自试一试

例子 2

提示他最喜欢的饮料：

let text;
let favDrink = prompt("你最喜欢的饮料是什么？");
switch(favDrink) {
  case "Coca-Cola":
    text = "很棒的选择！可口可乐对你的灵魂有益。";
    break;
  case "Pepsi":
    text = "百事可乐也是我的最爱！";
    break;
  case "Sprite":
    text = "真的吗？你确定雪碧是你的最爱吗？";
    break;
  default:
    text = "我从来没有听说过那个！";
}

亲自试一试

语法

prompt(message, default)

参数

参数 描述
message 必需。要在对话框中显示的文本。
default 可选。默认输入文本。

返回值

类型 描述
字符串

如果用户单击“确定”，则返回输入值。

如果用户未输入任何字符串，则返回空串。

否则返回 null。

说明

prompt() 方法将用一个对话框显示出指定的消息 message，这个对话框中含有文本输入字段、确定按钮、取消按钮，其中由平台决定的图形向用户说明了需要他进行输入。

如果用户单击取消按钮，prompt() 方法将返回 null。如果用户单击确认按钮，prompt() 将返回输入字段当前显示的文本。

由 prompt() 方法显示的对话框是有模式的，也就是说，在用户点击确认按钮或取消按钮来关闭它之前，它将阻塞用户对浏览器窗口的所有输入。由于该方法返回的值由用户的响应决定，所以在调用 prompt() 时，将暂停对 JavaScript 代码的执行。在用户做出响应之前，不会执行下一条语句。

浏览器支持

所有浏览器都支持 prompt()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 支持 支持 支持 支持 支持