SweetAlert是一个颠覆传统弹窗形式的新弹窗，相较于传统浏览器内置弹窗，SweetAlert更加地美观清晰，并且可以引入更多的功能，让弹窗变得灵性。
普通浏览器弹窗显示在屏幕上方，需要用户滑动鼠标移到屏幕上方才可关闭，而SweetAlert不同，提示框在屏幕中央，且按钮在提示框右下角。
语法方面，SweetAlert类似于MarkDown语法，是小白就能简单上手的操作方式。
例如接下来，弹出一个对话框，标题为error，内容为Something went wrong!
代码语言：javascript复制swal ( "Oops" , "Something went wrong!" , "error" )
当然，也有更高级的语法，例如下面这个对话框
代码语言：javascript复制swal({
title: "Good job!",
text: "You clicked the button!",
icon: "success",
button: "Aww yiss!",
});
这样就能自定义更多内容。
注意
使用的时候要用<script>和</script>来包含代码。
速度方面，官方有免费的公共CDN库，国内使用bootcss的公共CDN库优化会更好。
代码语言：javascript复制<script src="https://cdn.bootcss.com/sweetalert/2.1.0/sweetalert.min.js"></script>SweetAlert也支持输入框、交互等更多高级功能，静待着你的发掘。
官网:https://sweetalert.js.org/
中文文档:https://sweetalert.bootcss.com
版权属于：何叶
本文链接：https://cloud.tencent.com/developer/article/1867038
本站采用 “署名-非商业性使用-相同方式共享 2.5 中国大陆 (CC BY-NC-SA 2.5 CN)” 许可。 您可转载本站文章，请以超链接形式标明本文原始出处、作者信息以及版权声明。
