<a href="#html">html</a>
<a href="#javascript">javascript</a>
<a href="#api">api</a>
今天给大家推荐一款不错的超酷消息警告框–sweetalert；sweetalert是一款不需要jquery支持的原生js提示框,风格类似bootstrap。它的提示框不仅美丽动人，并且允许自定义，支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等。和传统的alert相比：
sweetalert 能在页面自动居中，支持桌面环境，移动端和平板，并且高度自定义。接下来看看它的具体使用！
首先引入相应的js和css，该插件不需要jquery插件的支持：
然后放置6个不同的按钮：
定义js事件：
参数
描述
默认值
title
提示框标题
-
text
提示内容
type
提示类型，有：success（成功），error（错误），warning（警告），input（输入）。
showcancelbutton
是否显示“取消”按钮。
animation
提示框弹出时的动画效果，如slide-from-top（从顶部滑下）等
html
是否支持html内容。
timer
设置自动关闭提示框时间（毫秒）。
showconfirmbutton
是否显示确定按钮。
confirmbuttontext
定义确定按钮文本内容。
imageurl
定义弹出框中的图片地址。