prompt() 快速实现浏览器的对话框

prompt() 方法是 JavaScript 中的一个内置函数，用于在浏览器中显示一个对话框，这个对话框包含一个文本字段和一个或多个按钮，通常是一个“确定”按钮和一个可选的“取消”按钮。用户可以在文本字段中输入数据，然后点击按钮来响应对话框。

下面是 prompt() 方法的基本语法：

let userInput = prompt(message, defaultInput);

• message（必需）：要在对话框中显示的提示信息或问题。
• defaultInput（可选）：作为文本字段的默认值显示的字符串。如果用户没有输入任何内容就直接点击了“确定”按钮，那么 prompt() 将返回这个默认值。如果省略了 defaultInput，则文本字段将为空。

prompt() 方法将返回用户在文本字段中输入的字符串，如果用户点击了“取消”按钮或者关闭了对话框，那么它将返回 null。

下面是一个使用 prompt() 方法的简单示例：

let name = prompt("请输入你的名字：", "匿名");
if (name !== null) {
    alert("你好，" + name + "！欢迎来到我们的网站。");
} else {
    alert("你取消了输入。");
}

在这个示例中：

1. prompt() 方法显示一个带有消息“请输入你的名字：”的对话框，并设置默认值为“匿名”。
2. 用户可以在对话框中输入他们的名字，然后点击“确定”按钮。如果用户点击了“取消”按钮或关闭了对话框，则 name 变量将被赋值为 null。
3. 使用 if 语句检查用户是否输入了内容。如果 name 不是 null，则显示一个欢迎消息；否则，显示一个消息表示用户取消了输入。

需要注意的是，prompt() 方法通常在现代Web开发中不被推荐，因为它会阻塞浏览器的执行流程，直到用户与对话框交互完毕。这种同步的行为可能会导致用户体验不佳，特别是在需要快速响应和流畅交互的现代Web应用中。因此，开发者更倾向于使用异步的用户界面元素（如模态框或表单）来获取用户输入。