Window prompt() 方法

语法

window.prompt() 方法的语法如下：

window.prompt(text, defaultText);

参数说明：

• text：要在提示框中显示的文本内容，通常是一段提示用户输入的信息。
• defaultText：可选参数，作为输入框的默认值显示在对话框中。

返回值

window.prompt() 方法返回用户输入的文本内容。如果用户点击了"确定"按钮，返回用户输入的文本内容；如果用户点击了"取消"按钮，则返回 null。

示例

下面是一个简单的示例，演示如何使用window.prompt()方法：

const name = window.prompt('请输入您的姓名：', '张三');

if (name) {
  alert(`您输入的姓名是：${name}`);
} else {
  alert('您取消了输入！');
}

在这个示例中，首先会弹出一个提示框，要求用户输入姓名，同时默认值为张三。用户输入完毕后，根据用户的操作，会弹出相应的提示框显示用户输入的姓名或者取消输入。

注意事项

• window.prompt() 方法返回的是一个字符串类型，如果需要使用其他类型的数据，需要进行相应的类型转换。
• 对于用户输入的内容，需要进行合法性校验，以确保输入的数据符合业务需求。
• 在使用window.prompt()方法时，应该考虑用户体验，避免过多的弹窗对用户造成困扰。

结语

通过本文的介绍，相信您已经了解了window.prompt() 方法的基本用法和注意事项。在实际开发中，合理地运用window.prompt() 方法，可以提升用户交互体验，使用户操作更加便捷。祝您在前端开发的道路上越走越远！