sweetAlert替换JsBOM Alert警告框

前言

• 最近在使用Alert提示框的时候，感觉样式单一，很不美观，而且自定义很是受限。为了使提示框能够美丽动人，SweetAlert是很不错的选择，它允许自定义，支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等。sweetAlert能够自动居中，不论是电脑桌面还是移动设备，都能够高度自定义。
• 该博客仅仅就安装和使用做简单记录，至于详细讲解，sweetalert的手册及网上资源比比皆是。可以参照以下链接

http://t4t5.github.io/sweetalert/
http://www.shouce.ren/post/view/id/113125
http://www.htmleaf.com/jQuery/Lightbox-Dialog/20141218888.html

安装及使用

安装:npm install sweetalert --save

使用：在html中加载js和css可以使用国内免费bootcdn服务> http://www.bootcdn.cn/sweetalert/添加：<link href="//cdn.bootcss.com/sweetalert/1.1.3/sweetalert.css" rel="stylesheet">     <script src="//cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>

简单实例

swal("", "输入的数值不合法，请输入大于0的整数", "warning");

至此，就能获得比BOM alert更好效果的提示框，想要更加漂亮和更多行为的sweetalert,查看sweetalert手册,你能获得更多的惊喜