创建不同类型的对话框
2023-04-29 加入收藏
在JavaScript中，你可以使用alert()、confirm()和prompt()函数来创建不同类型的对话框，以下是用法示例：
alert()函数创建一个警告对话框，用于向用户显示一条消息。
alert("Hello, world!");confirm()函数创建一个确认对话框，向用户显示一个消息和两个选项按钮（通常是“确定”和“取消”），用户必须选择其中一个按钮以继续进行操作。confirm()函数将返回一个布尔值，表示用户点击的是“确定”还是“取消”。如果用户点击了“确定”按钮，则返回true，否则返回false。
var result = confirm("Do you want to continue?");
if(result) {
console.log("You clicked OK!");
} else {
console.log("You clicked Cancel!");
}prompt()函数创建一个提示对话框，用于向用户请求输入一个值。prompt()函数接受两个参数：一个提示消息和输入框的默认值。prompt()函数将返回用户输入的文本值。如果用户单击了“确定”按钮，则返回用户输入的值，否则返回null。
var name = prompt("Please enter your name:");
if(name !== null) {
console.log("Hello, " + name + "!");
} else {
console.log("You clicked cancel!");
}需要注意的是，在使用这些函数时，页面的其余部分将被暂停，直到用户关闭对话框。因此，如果你需要创建异步的对话框，建议使用模态框或其他类似的UI组件来实现。
在使用web开发中，我们可以用许多JavaScript的库来实现对话框，其中一种比较喜欢的轻量级对话框库是layer。可以该库可以在$5KB左右实现良好的功能。以下是使用layer库弹出对话框的用法示例：
- 引入
layer库
需要在前端页面引入layer库的js文件和css文件：
<link rel="stylesheet" href="path/to/layer.css"> <script src="path/to/layer.js"></script>
- 弹出消息框
可以使用layer.msg()方法来弹出提示消息框，
