個人感覺簡單方便 好看
toastr.js插件的特點：
toastr.js是一個基於jQuery的非阻塞、簡單、漂亮的消息提示插件，使用簡單、方便。
toastr.js可以設置四種提示樣式：成功(success)、錯誤(error)、提示(info)、警告(warning)。
可以通過設置參數來設置提示窗口顯示的位置、顯示的動畫等。
調用toastr.js插件之前需要先引入jquery.js toastr.js toastr.css
<link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet" />
<script src="http://i.gtimg.cn/qzone/biz/gdt/lib/jquery/jquery-2.1.4.js?max_age=31536000"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
注意：toastr.js是基於jquery.js庫，所以必須在toastr.js之前引入jquery.js
一、在.js中直接調用：
1、常規消息提示，背景色為淺藍色：
顯示效果
2、成功消息提示，背景色為淺綠色：
顯示效果：
3、警告消息提示，背景色為橘黃色：
顯示效果：
4、錯誤消息提示，背景色為紅色：
顯示效果：
注意可以讓消息框帶標題：
toastr.error('你有新消息了！'，‘錯誤提示框’);
————————————————
官方文檔以及源碼