2024年4月26日发(作者：)
prompt用法js
一、概述
Prompt是JavaScript中一个常用的函数，用于在网页中显示一个对话框，
以便用户输入文本或选择选项。prompt函数通常与表单元素（如input、select
和textarea）一起使用，以收集用户输入的数据。
二、用法
1. 语法：prompt(message, default)
* message：对话框中显示的提示信息。
* default：默认输入值（可选）。
示例：
```javascript
var input = prompt("请输入你的名字", "张三");
```
上述代码将显示一个带有提示信息的对话框，用户输入的文本将被赋值给变
量input。如果用户未输入任何内容，则变量input将默认为"张三"。
2. 返回值：prompt函数返回用户输入的值。如果用户未输入任何内容或按
下“确定”按钮并关闭对话框，则返回默认值（如果指定了默认值）。如果用户按
下“取消”按钮，则返回null。
示例：
```javascript
var userInput = prompt("请输入你的年龄", null);
if (userInput != null) {
("你输入的年龄是：" + userInput);
} else {
("未输入任何内容");
}
```
上述代码将显示一个对话框并获取用户输入的年龄，如果用户未输入任何内
容，则会输出"未输入任何内容"。
三、注意事项
1. prompt函数通常在网页中以window对象的prompt方法的形式使用。可
以使用函数表达式（function expression）或将函数赋值给变量的方式来调用
prompt函数。
2. prompt函数只适用于浏览器环境，不适用于等非浏览器环境。
3. 在使用prompt函数时，需要注意避免与JavaScript的其他功能（如表单
验证）冲突，以免影响用户体验和功能实现。
4. 用户输入的数据应进行适当的验证和过滤，以确保数据的安全性和准确
性。
四、示例代码
以下是一个完整的示例代码，展示如何使用prompt函数在网页中获取用户输
入的数据：
HTML代码：
```html
```
JavaScript代码：
```javascript
elector('form').addEventListener('submit',
function(event) {
tDefault(); // 阻止表单默认提交行为
var name = prompt("请输入你的姓名", "张三"); // 获取用户姓名输入
var age = prompt("请输入你的年龄", null); // 获取用户年龄输入
if (name != null && age != null) { // 验证用户输入数据是否有效
mentById('result').innerHTML = "你好，" + name +
"，你今年" + age + "岁。"; // 显示验证结果和问候语
} else {
mentById('result').innerHTML = "请正确填写所有信
息。"; // 显示错误提示信息
}
});
```
上述代码中，当用户提交表单时，会阻止表单默认提交行为并调用prompt函
数获取用户姓名和年龄的输入。根据用户输入的数据是否有效，会在页面上显示相
应的验证结果和问候语或错误提示信息。
发布评论