prompt() -- 显示一个可以输入信息的对话框

小甲鱼

prompt() -- 显示一个可以输入信息的对话框

函数概述：

prompt() 函数用于显示一个带有指定消息的提示框，并提供一个文本输入字段，允许用户输入信息。

该函数会等待用户点击 “确定” 或 “取消” 按钮，再继续执行后续的代码。


函数语法

1. prompt(message, defaultText);

复制代码

参数解析

参数	含义
message	要在提示框中显示的文本。用于指示用户需要输入的信息内容。
defaultText（可选）	输入字段中的默认文本。如果未提供，则输入字段为空。

返回值

• 如果用户点击 “确定”，prompt() 返回用户输入的字符串（可能是空字符串 ""）。
• 如果用户点击 “取消” 或关闭提示框，prompt() 返回 null。
  

基本用法

1. // 基本用法：提示用户输入姓名
   
2. var name = prompt('请输入您的姓名：');
   
3. alert('您好，' + name + '!');
   
4. 
   
5. // 带默认值的提示框
   
6. var age = prompt('请输入您的年龄：', '18');
   
7. 
   
8. // 检测用户是否点击了取消
   
9. var input = prompt('请输入您的密码：');
   
10. if (input === null) {
    
11.     alert('用户取消了输入。');
    
12. } else {
    
13.     alert('您输入的密码是：' + input);
    
14. }

复制代码

注意事项

输入验证：用户可能输入任意内容，包括与预期格式不符的数据。因此，在使用用户输入的数据之前，应该进行验证和处理，以确保程序的稳健性。

阻塞行为：与 alert() 函数类似，prompt() 也是一个阻塞函数。调用 prompt() 后，脚本会暂停执行，直到用户响应。这可能会影响用户体验或导致脚本性能问题，应谨慎使用。

安全性考虑：避免在 prompt() 中显示敏感信息，或依赖用户输入的敏感数据。由于用户输入的数据可能被截获或篡改，因此对于敏感操作，应采用更加安全的交互方式。

用户体验：频繁弹出提示框可能会干扰用户操作。现代 Web 开发更倾向于使用自定义的输入控件或模态对话框，以提供更好的用户体验。

跨浏览器兼容性：虽然 prompt() 在大多数浏览器中都受支持，但其外观和行为可能会有差异。某些浏览器可能会禁用或限制弹出窗口，因此不要依赖 prompt() 来完成关键功能。