Swal弹窗插件离线包 - 管理猿 2018 年 12 月 27 日 |访问: 285 次

swal基本可以完全替代系统中的alert来使用,并且不依赖jquery等基础JS,可以直接引用使用。
常见的使用场景是用于替代alert的警告弹窗,并且不会被浏览器或广告插件拦截。
还有用于删除确认的选项卡提示.点击确认后使用.then函数执行后续的操作等。
该弹窗插件支持ajax调用,总的来讲是一个非常优秀的插件。
简单说说该插件的使用方式,
第一步就是引入JS,前后位置没有要求。

<script src="sweetalert.min.js"></script>

第二步就可以直接调用了,最简单的调用方式就是

<script>
swal("弹窗提示的内容,自带确认按键");
</script>

效果图如下
TIM截图20181227215936.png
用的更多的就是成功或者失败的消息附带上对应的消息类型,

<script>
swal("操作提示","配置保存成功","success");
</script>

展示效果如下,标题,提示内容和消息类型用双引号间隔起来,中间以英文逗号分隔,最后面的消息类型常用到的有success--成功消息,info--正常的提示类消息,error--错误消息。
TIM截图20181227220248.png
最后附上离线的JS调用包,直接引入该JS就能够使用,压缩包中含有两个简单实例
swal官网地址:https://sweetalert.js.org/
swal离线包.rar

标签:none

添加新评论