SweetAlert可以替代JavaScript原生的alert和confirm等函数呈现的弹出提示框，它将提示框进行了美化，并且允许自定义，支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等。

要使用该插件，首先要在html的header中引入以下文件：

<script src="lib/sweet-alert.min.js"></script>
<link rel="stylesheet" type="text/css" href="lib/sweet-alert.css">

最基本的调用方法：
sweetAlert("Hello world!");


带错误图标的警告框：
sweetAlert("Oops...", "Something went wrong!", "error");
一个带有确认按钮的警告框，点击确认按钮可触发动画：
sweetAlert({
title:  "Are you sure?" ,
text:  "You will not be able to recover this imaginary file!" ,
type:  "warning" ,
showCancelButton:  true ,
confirmButtonColor:  "#DD6B55" ,
confirmButtonText:  "Yes, delete it!" ,
closeOnConfirm: false
},  function() {
swal( "Deleted!",
"Your imaginary file has been deleted.",
"success" );
});

我想删除一条信息，然后利用sweetalert给我们弹出对话框并做出选择。其中js中代码如下：

function check(id){
			swal(
				{title:"您确定要删除这条信息吗",
				text:"删除后将无法恢复，请谨慎操作！",
				type:"warning",
				showCancelButton:true,
				confirmButtonColor:"#DD6B55",
				confirmButtonText:"是的，我要删除！",
				cancelButtonText:"让我再考虑一下…",
				closeOnConfirm:false,
				closeOnCancel:false
				},
				function(isConfirm)
				{
					if(isConfirm)
					{
						swal({title:"删除成功！",
							text:"您已经永久删除了这条信息。",
							type:"success"},function(){window.location="${pageContext.request.contextPath}/admin?action=deleteArticleById&id="+id})
					}
					else{
						swal({title:"已取消",
							text:"您取消了删除操作！",
							type:"error"})
					}
				}
				)
		}