JavaScriptSweetAlert插件实现超酷消息警告框_javascript技巧
来源：动视网
责编：小采
时间：2020-11-27 20:50:16
JavaScriptSweetAlert插件实现超酷消息警告框_javascript技巧
JavaScriptSweetAlert插件实现超酷消息警告框_javascript技巧:今天给大家推荐一款不错的超酷消息警告框–SweetAlert；SweetAlert是一款不需要jQuery支持的原生js提示框,风格类似bootstrap。它的提示框不仅美丽动人，并且允许自定义，支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等。和
导读JavaScriptSweetAlert插件实现超酷消息警告框_javascript技巧:今天给大家推荐一款不错的超酷消息警告框–SweetAlert；SweetAlert是一款不需要jQuery支持的原生js提示框,风格类似bootstrap。它的提示框不仅美丽动人，并且允许自定义，支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等。和
今天给大家推荐一款不错的超酷消息警告框–SweetAlert；SweetAlert是一款不需要jQuery支持的原生js提示框,风格类似bootstrap。它的提示框不仅美丽动人，并且允许自定义，支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等。和传统的alert相比：
SweetAlert 能在页面自动居中，支持桌面环境，移动端和平板，并且高度自定义。接下来看看它的具体使用！
HTML
首先引入相应的js和css，该插件不需要jQuery插件的支持：
然后放置6个不同的按钮：
JavaScript
定义js事件：
JavaScriptSweetAlert插件实现超酷消息警告框_javascript技巧
JavaScriptSweetAlert插件实现超酷消息警告框_javascript技巧:今天给大家推荐一款不错的超酷消息警告框–SweetAlert；SweetAlert是一款不需要jQuery支持的原生js提示框,风格类似bootstrap。它的提示框不仅美丽动人，并且允许自定义，支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等。和
