sweetalert2使用教程

背景：

项目的开发中经常会遇到弹窗的问题，但是我们用到的弹窗都特别low，而且网上找了一下，发现easy-ui以及layer对应的弹窗都不是我想要的，后来发现sweetalert，发现评论还不错，所以个人尝试一下，并记录一下使用过程，便于他人借鉴。

SweetAlert2是一款功能强大的纯Js模态消息对话框插件。SweetAlert2用于替代浏览器默认的弹出对话框，它提供各种参数和方法，支持嵌入图片，背景，HTML标签等，并提供5种内置的情景类，功能非常强大。

SweetAlert2是SweetAlert-js的升级版本，它解决了SweetAlert-js中不能嵌入HTML标签的问题，并对弹出对话框进行了优化，同时提供对各种表单元素的支持，还增加了5种情景模式的模态对话框。

 

使用方法：

使用sweetalert对话框需要引入对应的js和css（如 sweetalert2.min.css 和 sweetalert2.min.js），因为里面的promise属性不支持ie11，所以也需要引入promise.min.js文件，而且改js必须依托jQuery，所以需要引入jquery.min.js。如下图：

<link rel="stylesheet" href="sweetalert/sweetalert2.min.css" />
<script type="text/javascript" src="jquery3.1.0/jquery-3.1.0.min.js"></script>
<script type="text/javascript" src="sweetalert/es6-promise.auto.js"></script>
<script type="text/javascript" src="sweetalert/sweetalert2.min.js"></script>

但是在网上下载的时候发现要不就是需要csdn积分，要不下载的就不能用，所以此处提供一个下载的链接：

1