2014年的某一天,chrome升级后,突然发现某个在用的系统不能弹出模态窗口了,查找各种资料后确认新版本(可能为Chrome 37+)确实把这个支持去掉了,有这么坑人的吗!虽然说谷歌不支持了,可是火狐用自己的内核它支持啊。。。。。所以特地在网上找了很久
function myShowModalDialog(url, width, height, fn) {
if (navigator.userAgent.indexOf("Chrome") > 0) {
window.returnCallBackValue354865588 = fn;
var paramsChrome = 'height=' + height + ', width=' + width + ', top=' + (((window.screen.height - height) / 2) - 50) +
',left=' + ((window.screen.width - width) / 2) + ',toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no';
window.open(url, "newwindow", paramsChrome);
}
else {
var params = 'dialogWidth:' + width + 'px;dialogHeight:' + height + 'px;status:no;dialogLeft:'
+ ((window.screen.width - width) / 2) + 'px;dialogTop:' + (((window.screen.height - height) / 2) - 50) + 'px;';
var tempReturnValue = window.showModalDialog(url, "", params);
fn.call(window, tempReturnValue);
}
}
function myReturnValue(value) {
if (navigator.userAgent.indexOf("Chrome") > 0) {
window.opener.returnCallBackValue354865588.call(window.opener, value);
}
else {
window.returnValue = value;
}
}
以上代码保存到公用JS文件中 页面引用
父窗体调用方法
myShowModalDialog("Channel-Operation-" + $(this).attr("data-id"), 500, 300, function (v) {
if (v == 1) {
loadList();
}
});
最后一个参数为回调函数
子窗体传值方法
myReturnValue(1);
window.close();
不完美之处是 Chrome 中不是模态窗体
有时间换用div+iframe