弹出窗口根据内容调整大小并居中的JS实现(适用IE、活动窗口和模式窗口)
2011-09-08 11:14
876 查看
在onload事件中调用adjustWindowSizeAndPos方法
<script language="javascript"> function adjustWindowSizeAndPos() { // 设置页面的初始大小,if条件判断是否是模式窗口 if(typeof window.dialogArguments != 'undefined'){ window.dialogHeight = 0+"px"; window.dialogWidth = 0+"px"; }else{ window.resizeTo(0,0); } // 定义窗口宽度、窗口高度、屏幕宽度、屏幕高度 var winWidth = document.body.scrollWidth*1.1; var winHeight = document.body.scrollHeight*1.2; var availWidth = screen.availWidth; var availHeight = screen.availHeight; // 设置最小宽度、高度,最大宽度、高度 (根据屏幕宽度高度的比例计算) var minWidth = availWidth*0.3; var minHeight = availHeight*0.3; var maxWidth = availWidth; var maxHeight = availHeight*0.85; // 设置窗口的宽度高度在最小及最大值之间 winWidth = winWidth < minWidth ? minWidth : winWidth; winHeight = winHeight < minHeight ? minHeight : winHeight; winWidth = winWidth > maxWidth ? maxWidth : winWidth; winHeight = winHeight > maxHeight ? maxHeight : winHeight; // 设置窗口的宽度和高度,设置窗口的位置(if中为模式窗口设置,else中为活动窗口设置) if(typeof window.dialogArguments != 'undefined'){ window.dialogTop = ((availHeight - winHeight)/2)+"px"; window.dialogLeft = ((availWidth - winWidth)/2)+"px"; window.dialogHeight = winHeight+"px"; window.dialogWidth = winWidth+"px"; }else{ window.moveTo((availWidth - winWidth)/2,(availHeight - winHeight)/2); window.resizeTo(winWidth,winHeight); } } </script>
相关文章推荐
- 根据内容自动调整弹出窗口大小的JS解决方案
- 根据内容自动调整弹出窗口大小的JS解决方案
- 根据内容自动调整弹出窗口大小的JS解决方案
- 根据内容自动调整弹出窗口大小的JS解决方案
- 根据内容自动调整弹出窗口大小的JS解决方案
- 根据内容自动调整弹出窗口大小的JS解决方案 选择自 WeekZero 的 Blog
- 弹出窗口根据内容自动调整大小的JS解决方案
- 根据内容自动调整弹出窗口大小的JS解决方案
- 根据内容自动调整弹出窗口大小的JS解决方案
- JS实现弹出居中的模式窗口示例
- VS C# .NET WebBrowser控件 利用插入JS代码,实现控制弹出IE窗口
- CentOS6 在VirtualBox中实现全屏和根据窗口大小自动调整分辨率 | Install Guest additions and run fullscreen mode on VirtualB
- showModalDialog根据内容自动调整窗口大小
- JS&RE 控制图片显示大小, 弹出窗口自适应大小,自居中, 结合UBB与正则使用 By Stabx
- 点击一个超链接,弹出固定大小的新窗口(js实现)
- 纯js实现Div在页面垂直居中!可根据浏览器大小的改变而改变!兼容各种浏览器----神器版!
- window.onload and showModalDialog根据内容自动调整窗口大小
- showModalDialog根据内容自动调整窗口大小
- Qt中隐藏窗口的一部分,根据内容调整窗口大小
- js弹出窗口,居中,设定长与宽(兼容ie/ff)