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 弹框的使用方法。如果您有任何问题或疑问,请随时在评论区留言。