JavaScript Prompt：在用户界面获取输入296

JavaScript prompt() 方法用于在网页中打开一个弹出窗口，并在其中向用户显示一个消息，同时让用户输入文本并单击“确定”或“取消”按钮。此方法返回用户输入的文本或 null（如果用户单击“取消”）。

语法

prompt() 方法的语法如下：```
prompt(message);
```

其中 message 是要显示给用户的文本消息。

用法

要使用 prompt() 方法，只需在 JavaScript 代码中将其作为函数调用，并传递一个字符串作为消息参数。例如：```
let name = prompt("请输入您的姓名：");
```

这将在网页上打开一个弹出窗口，其中显示消息“请输入您的姓名：”并提供一个文本框以供用户输入。用户输入姓名并单击“确定”后，prompt() 方法将返回输入的姓名并将其存储在 name 变量中。如果用户单击“取消”，prompt() 方法将返回 null。

可以使用一个可选的第二个参数来设置默认文本，该文本出现在文本框中以便用户可以轻松地对其进行编辑。例如：```
let age = prompt("请输入您的年龄：", "25");
```

这将在网页上打开一个弹出窗口，其中显示消息“请输入您的年龄：”，并在文本框中显示默认文本“25”。用户可以接受默认文本或将其更改为自己的年龄，然后单击“确定”按钮。

示例

以下示例演示了如何使用 prompt() 方法获取用户输入并在网页上显示：```html



JavaScript Prompt 示例



let name = prompt("请输入您的姓名：");
("您的姓名是：" + name);



```

当您运行此代码时，它将在浏览器中打开一个弹出窗口，提示您输入您的姓名。输入姓名并单击“确定”后，您的姓名将显示在网页上的一个 H1 元素中。

提示* prompt() 方法在所有主要浏览器中都受支持，包括 Chrome、Firefox、Safari 和 Edge。
* 由于安全原因，prompt() 方法不能用于获取敏感信息，如密码或信用卡号。
* 您可以使用 try...catch 块来处理 prompt() 方法可能抛出的错误。
* 您可以使用正则表达式来验证用户输入并确保它符合特定格式。

JavaScript prompt() 方法是一种在网页中获取用户输入的简单而有效的方法。它可以通过显示一个消息和文本框来工作，用户可以输入文本并单击“确定”或“取消”按钮。提示() 方法返回用户输入的文本或 null，具体取决于用户是否单击“确定”或“取消”。

2024-12-29

上一篇：JavaScript 的指针

下一篇：JavaScript 中的圆形应用