使用 window.prompt()

从用户获取输入的简单方法是使用 prompt() 方法。

句法

prompt(text, [default]);
  • text :提示框中显示的文本。
  • default :输入字段的默认值(可选)。

例子

var age = prompt("How old are you?");
console.log(age); // Prints the value inserted by the user

StackOverflow 文档

如果用户单击该 OK 按钮,则返回输入值。否则,该方法返回 null

prompt 的返回值始终是一个字符串,除非用户点击 Cancel,在这种情况下它返回 null。Safari 是一个例外,当用户单击取消时,该函数返回一个空字符串。从那里,你可以将返回值转换为另一种类型,例如整数

笔记

  • 当显示提示框时,由于对话框是模态窗口,因此阻止用户访问页面的其他部分。
  • 从 Chrome 46.0 开始,此方法在 <iframe> 中被阻止,除非其 sandbox 属性具有值 allow-modal。