那么首先对于这个主题，我们需要先明确一下一些基本的概念。
什么是对话框
对话框是一种常用的网页中弹出提示信息的方式，类似于当前操作系统的模态对话框。它可以包含文本、按钮、表单等，显示给用户进行操作。
常见的对话框种类
在JS中，常见的对话框包括alert、confirm、prompt、layer、sweetAlert2、artDialog、mbox、weui、mdui等九种。
其中alert是最普遍的一种，一般用于提醒用户一些重要信息或警告信息，代码如下：
alert('这是一个alert对话框');
confirm对话框与alert不同的是，它需要用户点击"确认"或"取消"按钮来选择，常用于需要用户确认某个操作的场景中，代码如下：
confirm('您确定要删除吗？');
prompt对话框与alert、confirm的区别在于，它允许用户输入一些值，适用于需要用户输入一些内容的场景中，代码如下：
prompt('请输入您的姓名：');
展示示例
以下是一个简单的示例，展示了在html文件中如何使用对话框：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>九种JS弹出对话框总结 | 示例</title>
</head>
<body>
<button onclick="showAlert()">显示Alert对话框</button>
<button onclick="showConfirm()">显示Confirm对话框</button>
<button onclick="showPrompt()">显示Prompt对话框</button>
<script>
function showAlert() {
alert('这是一个Alert对话框');
}
function showConfirm() {
if (confirm('您确定要删除吗？')) {
alert('删除成功！');
}
else {
alert('取消删除！');
}
}
function showPrompt() {
var name = prompt('请输入您的姓名：');
if (name != null) {
alert('您好，'+name+'！');
}
}
</script>
</body>
</html>
以上就是对于本主题的一个完整的攻略说明，如果还需要了解其它对话框的使用方法以及更详细的内容，可以参考相关官方文档，或者查阅更多的教程资料。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：九种js弹出对话框的方法总结 - Python技术站
微信扫一扫 
支付宝扫一扫 