<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
定義彈出框中的圖檔位址。