js页面提示小弹窗

var showModal = function (object) {
var title = object.title == undefined ? "提示" : object.title;
var content = object.content;
var showCancel = object.showCancel == undefined ? false : object.showCancel;
var cancelText = "取消", confirmText = "确定";
var success = object.success;
var fail = object.fail;
var complete = object.complete;
var result;
var cancelText;
if (!object.cancelText) {
cancelText = "取消";
}
else {
cancelText = object.cancelText;
}
var confirmText;
if (!object.confirmText) {
confirmText = "确定";
}
try {
var viewportID = document.getElementById("viewport");
if (!viewportID) {
var oMeta = document.createElement('meta');
oMeta.content = 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;';
oMeta.name = 'viewport';
oMeta.id = 'viewport';
document.getElementsByTagName('head')[0].appendChild(oMeta);
}
$(".xsw_showModa").remove();
var showModalHtml = "";
showModalHtml += '<div class="xsw_showModa">'
showModalHtml += '<div class="xsw_showModaBei" style="position:fixed;width:100%;height:100%;top:0;left:0;background-color:#333;opacity:0.4;z-index: 99999999999999"></div>'
showModalHtml += '<div class="xsw_modal-data" style="width:220px;  border-radius: 10px;  top: 50%;  left: 50%;  box-shadow: 0 2px 8px #555 ;  background-color: #fff; text-align:center;  z-index: 9999999999999999999999;  position: fixed;">';
showModalHtml += '<div style="padding: 1rem;border-bottom: 1px solid #3e3e3e3e;text-align: center;font-size: 18px;font-weight: 400">' + title + '</div><br>';
showModalHtml += '<div style="text-align: center;font-size: 1.3rem;margin-bottom: 30px;padding-bottom: 1rem;color: #7b7b7b;">' + content + ' </div><br>';
if (showCancel == false) {
showModalHtml += '<div style="position: absolute;bottom: 5px;"><div class="yesDian" style="width: 110px;display: inline-block;margin-left: 55px;background-color: gold;cursor: pointer;border-radius: 10px;padding: 8px 0;">' + confirmText + '</div></div>'
}
else {
showModalHtml += ' <div style="position: absolute;bottom: 0px;"><div class="noDian" style="width: 110px;display: inline-block;margin-bottom: 0;border-top: 1px solid #00cc9e; background-color: #ffffff;cursor: pointer;border-radius: 0 0 0 10px;padding: 7px 0; color: #00cc9e;">' + cancelText + '</div><div class="yesDian" style="width: 110px;display: inline-block;background-color: #00cc9e;cursor: pointer;border-radius: 0 0 10px 0;color: #fff;padding: 8px 0;">' + confirmText + '</div></div>';
}
'></div></div>';
$("body").append(showModalHtml);
var outerWidth = -$('.xsw_modal-data').outerHeight() / 2;
var modal = document.querySelector('.xsw_modal-data');
modal.style.margin = outerWidth + 'px 0 0 -110px';


$("body").css({ "position": "relative" });
$('.noDian').click(function () {
$("#viewport").remove();
$(".xsw_showModa").remove();
result = {
cancel: true,
showModal: "ok"
};
if (success) {
success(result);
}
if (complete) {
complete(result);
}
});
$('.yesDian').click(function () {
$("#viewport").remove();
$(".xsw_showModa").remove();
result = {
confirm: true,
showModal: "ok"
};
if (success) {
success(result);
}
if (complete) {
complete(result);
}
});
}
catch (e) {
result = { errMsg: e.message };
if (fail) {
fail(result);
}
if (complete) {
complete(result);
}
}

};