如果想要讓訊息視窗變的漂亮些,alertify.js 提供 alert、confirm 以及 prompt 三個函數來取代原先的三個功能
Alertify 載點
原作者已經不再更新,不過會列出一些 fork,以下這兩個美化的不錯
https://alertifyjs.org/
http://alertifyjs.com/
使用方式
CSS 和 JS 檔案或由 CDN 引入
1 2 3 | <link href="//cdnjs.cloudflare.com/ajax/libs/alertify.js/0.3.10/alertify.core.css" rel="stylesheet"> <link href="//cdnjs.cloudflare.com/ajax/libs/alertify.js/0.3.10/alertify.default.css" rel="stylesheet"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20src%3D%22%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Falertify.js%2F0.3.10%2Falertify.min.js%22%3E%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" /> |
1 2 3 4 5 6 7 8 | // confirm dialog alertify.confirm("Message", function(e) { if (e) { // user clicked "ok" } else { // user clicked "cancel" } }); |
1 | alertify.success('您已登出'); |