兼容火狐和IE的showModalDialog模态窗口

最新推荐文章于 2022-05-01 13:20:59 发布

原创最新推荐文章于 2022-05-01 13:20:59 发布 · 6.4k 阅读

0 ·

CC 4.0 BY-SA版权

js验证元素是否存undefined 关键字专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个用于创建兼容Internet Explorer和Firefox浏览器的模态对话框的方法。通过自定义JavaScript函数CalcShowModalDialogLocation，可以计算并设置模态窗口的位置和尺寸，确保在不同浏览器中的一致体验。

兼容火狐和IE的showModalDialog

//模态窗口兼容IE 和火狐

function CalcShowModalDialogLocation(dialogWidth, dialogHeight) {
var iWidth = dialogWidth;
var iHeight = dialogHeight;
var iTop = (window.screen.availHeight - 20 - iHeight) / 2;
var iLeft = (window.screen.availWidth - 10 - iWidth) / 2;
return 'dialogWidth:' + iWidth + 'px;dialogHeight:' + iHeight + 'px;dialogTop: ' + iTop + 'px; dialogLeft: ' + iLeft + 'px;center:yes;scroll:no;status:no;resizable:0;location:no';

}

var DialogLocation = CalcShowModalDialogLocation(520, 400);
var result = window.showModalDialog('${base}/list/addOupdatePointRouleList.htm?ruleCode=0&isNew=1',
window, DialogLocation);
document.location.reload();