重写alert和confirm

alert方法

window.alert = function(txt, callback) {

if ($("#alertPop").length < 1) {
var alertFram = document.createElement("DIV");
alertFram.id = "alertPop";
alertFram.className = "modal fade";
alertFram.setAttribute("tabIndex", "-1");
alertFram.setAttribute("role", "dialog");
alertFram.setAttribute("aria-hidden", "true");
alertFram.setAttribute("data-backdrop", "static");


var strHtml = '<div class="modal-dialog">';
strHtml += '<div class="modal-content modal-content-alert">';
strHtml += '<div class="modal-header modal-header-alert">';
strHtml += '<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>';
strHtml += '<h4 class="modal-title modal-title-alert">提示信息</h4>';
strHtml += '</div>';
strHtml += '<div class="modal-body modal-body-alert">';
strHtml += '<div class="prompt_box prompt_box-alert mgl240">';
strHtml += '<i class="prompt"></i>';
strHtml += '<h3 class="txt_blue pdt20 pdb20" id="alertTxt">' + txt + '</h3>';
strHtml += '</div>';
strHtml += '</div>';
strHtml += '<div class="modal-footer modal-footer-alert">';
strHtml += '<center>';
strHtml += '<button type="button" class="btn btn-primary" οnclick="doOk();">确定</button>';
strHtml += '</center>';
strHtml += '</div>';
strHtml += '</div>';
strHtml += '</div>';
alertFram.innerHTML = strHtml;
document.body.appendChild(alertFram);
} else {
$("#alertTxt").text(txt);
}


$("#alertPop").modal("show");
document.body.onselectstart = function() {
return false;
};
this.doOk = function() {
$("#alertPop").modal("hide");
if (callback) {
callback();
}
document.body.onselectstart = function() {
};
}
}


//封装confirm方法
function confirm(data,callback){
var title,mess,ico;
if(typeof(data)==='object'){
if(data.title==null || undefined==data.title){
title="系统提示";
}else{
title=data.title;
}
if(data.mess==null || undefined==data.mess){
mess="确定要执行操作吗？";
}else{
mess=data.mess;
}
if(data.ico==null || undefined==data.ico){
ico="ask";
}else{
ico=data.ico;
}
}else if(typeof(data)==='function'){
title="系统提示";
mess="confirm参数设置错误！";
ico="ask";
}else{
title="系统提示";
mess=data;
ico="ask";
}
$("#confirmPop").remove();
var confirmmodal="<div id='confirmPop' style='width:100%; height:100%; position:fixed; top:0;left:0;right:0; bottom:0; z-index:9999;display:none;'>";
confirmmodal+="<div class='confirmbg' style='width:100%; height:"+$(window).height()+"px; background:#000; opacity:0;'></div>";
confirmmodal+="<div class='confirmwin' style='width:350px;position:absolute; left:50%; top:47%; opacity:0; margin-left:-175px; background:#fff;border-radius:5px; box-shadow:0 0 20px #555; overflow:hidden;'>";
confirmmodal+="<div class='confirmtit' style=' width:100%; height:50px; font: normal 16px/50px \"Microsoft YaHei\";padding:0 15px; color:#888;background:#f8f8f8;border-bottom:solid #ddd 1px;'>"+title+"<span οnclick='doCancel();' class='confirmclose' style='float:right; cursor:pointer; font-family:Arial;'>X</span></div>";
confirmmodal+="<div class='confirmmess' style='padding:30px;'>";
switch(ico){
case "warn":confirmmodal+="<span style='position:relative;top:10px;margin-right:5px;font-size:35px;color:#e30808' class='glyphicon glyphicon-exclamation-sign'></span>";break;
case "ask":confirmmodal+="<span style='position:relative;top:10px;margin-right:5px;font-size:35px;color:#ff9900' class='glyphicon glyphicon-question-sign'></span>";break;
case "succeed":confirmmodal+="<span style='position:relative;top:10px;margin-right:5px;font-size:35px;color:#0d9727' class='glyphicon glyphicon-ok-sign'></span>";break;
}
confirmmodal+="<span style='font:normal 16px/32px \"Microsoft YaHei\"'>"+mess+"</span></div>";
confirmmodal+=" <div class='confirmbtnarea' style='padding:15px 0; background:#f8f8f8; border-top:solid #eee 1px; text-align:center;'>";
confirmmodal+="<button οnclick='doOk();' class='confirmsure' style='background:#ff9900; color:#fff; font:normal 14px/14px \"Microsoft YaHei\"; border-radius:5px; border:none; padding:10px 20px; margin-right:5px'>确定</button>";
confirmmodal+="<button οnclick='doCancel();' class='confirmcancel' style='background:#888; color:#fff; font:normal 14px/14px \"Microsoft YaHei\"; border-radius:5px; border:none; padding:10px 20px;'>取消</button>";
confirmmodal+="</div></div></div>";
$("body").after(confirmmodal);
//$("#confirmPop").modal("show");
$("#confirmPop").css("display","block");
$(".confirmbg").animate({opacity:0.6},200);
$(".confirmwin").animate({opacity:"1",top:"50%"},200);
var dialogmgt=-parseInt($(".confirmwin").height()*0.5)-50;
$(".confirmwin").css("marginTop",dialogmgt+"px");
$("body").css("overflow-y","hidden");
document.body.onselectstart = function() {
return false;
};
this.doCancel=function(){
$(".confirmbg").animate({opacity:0},200);
$(".confirmwin").animate({opacity:"0",top:"47%"},200);
setTimeout(function(){$("#confirmPop").remove();$("body").css({"overflow":"auto"});},200);
}
this.doOk = function() {
//$("#confirmPop").modal("hide");
$(".confirmbg").animate({opacity:0},200);
$(".confirmwin").animate({opacity:"0",top:"47%"},200);
setTimeout(function(){$("#confirmPop").remove();$("body").css({"overflow":"auto"});},200);
if (callback) {
callback();
}
document.body.onselectstart = function() {
};
}
$('#confirmPop').on('hidden.bs.modal', function () {
$('#confirmPop').remove();
})
}