📅  最后修改于: 2023-12-03 15:20:24.571000             🧑  作者: Mango
Sweet Alert Bootstrap1是一个基于Bootstrap1的弹窗插件,可以以更加优雅的方式呈现警告、提醒、确认等信息,帮助开发者打造更加友好的用户体验。
<!-- 引入CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert-bootstrap1@1.0.0/dist/sweetalert-bootstrap1.min.css">
<!-- 引入JS -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert-bootstrap1@1.0.0/dist/sweetalert-bootstrap1.min.js"></script>
// 弹出提示信息
swal("Hello world!");
// 弹出警告信息
swal("Oops!", "Something went wrong!", "warning");
// 弹出成功信息
swal("Good job!", "You clicked the button!", "success");
// 弹出错误信息
swal("Oops!", "Something went wrong!", "error");
// 弹出询问信息
swal("Are you sure you want to do this?", {
buttons: {
cancel: "No",
confirm: "Yes",
},
}, "question");
更多使用方法和参数请参考Sweet Alert Bootstrap1官方文档。
Sweet Alert Bootstrap1是一个非常实用的弹窗插件,可以帮助开发者简化开发流程,提供更加友好的用户体验。如果你正在寻找一个弹窗插件,那么Sweet Alert Bootstrap1一定是一个不错的选择。