前端祖传三件套JavaScript的BOM的弹框

alert() 方法

alert() 方法用于向用户显示一条消息，并带有一个“确定”按钮。

alert('欢迎访问我的博客！'); // 显示一条欢迎消息

confirm() 方法

confirm() 方法用于向用户显示一条消息，并带有“确定”和“取消”两个按钮。点击“确定”按钮将返回 true，点击“取消”按钮将返回 false。

if (confirm('你确定要删除该条记录吗？')) {
  // 用户点击了“确定”按钮
} else {
  // 用户点击了“取消”按钮
}

prompt() 方法

prompt() 方法用于向用户显示一条消息，并带有一个文本输入框和“确定”、“取消”两个按钮。用户可以在文本框中输入内容，点击“确定”按钮将返回用户输入的值，点击“取消”按钮将返回 null。

var name = prompt('请输入您的姓名：', '张三'); // 显示一个文本输入框
if (name != null && name != '') {
  alert('欢迎您，' + name + '！');
} else {
  alert('请输入有效的姓名！');
}

结论

本文介绍了 JavaScript BOM 的弹框方法，并提供了一些常用的属性和用法。弹框是前端开发中不可或缺的组件，可以让我们轻松地向用户显示信息、获取用户输入等。以上方法都非常简单易用，值得我们在日常开发中充分利用。

感谢您阅读此篇博文！希望它能帮助您更深入地了解 JavaScript BOM 弹框的使用方法。如果您有任何问题或疑问，请随时在评论区留言。