适用于IE的自适应大小并且自动居中的对话框页面(javaScript)

最新推荐文章于 2021-06-03 05:30:40 发布

转载最新推荐文章于 2021-06-03 05:30:40 发布 · 143 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/microtry/archive/2011/02/12/1952567.html

文章标签：

#javascript #ViewUI

本文介绍了一个在IE浏览器中实现模态窗口大小自适应调整的JavaScript函数。该函数能够根据网页内容自动调整弹窗的尺寸，并确保其始终居中显示。适用于需要在IE环境下进行界面适配的开发场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

IE下有效

1 function AutoSizeWindow() {
2 if (window.dialogArguments == null) {
3 return; //忽略非模态窗口
4 }
5
6 var _offset = new Object();
7 _offset.height = 40;
8 _offset.width = 40;
9 _offset.top = -40;
10 _offset.left = 0;
11 _offset.minHeight = 400;
12 _offset.minWidth = 400;
13
14 var _myDialog = new Object();
15 _myDialog.height = document.body.scrollHeight + _offset.height;
16 _myDialog.width = document.body.scrollWidth + _offset.width;
17 _myDialog.top = (this.screen.height - _myDialog.height) / 2 + _offset.top;
18 _myDialog.left = (this.screen.width - _myDialog.width) / 2 + _offset.left;
19
20 if (_myDialog.height < _offset.minHeight) _myDialog.height = _offset.minHeight;
21 if (_myDialog.width < _offset.minWidth) _myDialog.width = _offset.minWidth;
22
23 window.dialogHeight = _myDialog.height + "px";
24 window.dialogWidth = _myDialog.width + "px";
25 window.dialogTop = _myDialog.top + "px";
26 window.dialogLeft = _myDialog.left + "px";
27 }

转载于:https://www.cnblogs.com/microtry/archive/2011/02/12/1952567.html