根据内容自动调整弹出窗口大小的JS解决方案
2005-08-29 20:57
627 查看
问题
在弹出创苦时,根据窗口的内容来自动调节窗口的大小,窗口如果已经和屏幕相等大小时则出现滚动条。
解决方案
在弹出的页面中添加一JS脚本方法win_onLoad(),在body的onload方法中引用win_onLoad(),在body中添加表,表的id取名为tbllist,窗口的大小就是这个table的大小在宽和高上分别加50。
部分代码如下:
<script language=javascript>
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
function win_onLoad(){
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
var width = document.all["tblKsList"].offsetWidth;
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
var height = document.all["tblKsList"].offsetHeight;
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
width = eval(width + 50);
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
height = eval(height + 50);
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
if (width < 500)
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
width = 500;
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
else if (width > screen.width)
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
width = screen.width;
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
if (height < 400)
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
height = 400;
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
else if (height > screen.height)
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
height = screen.height;
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
//alert(width);alert(height);
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
window.resizeTo(width,height);
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
}
</script>
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
<head></head>
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
<BODY bgcolor="0099CC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="win_onLoad();">
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
<TABLE width="95%" border="0" cellpadding="0" cellspacing="0" class="table-left1-right2" style="border:1 solid #000000" id="tblList">
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
<TR>
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
<TD width="100%" valign="top" colspan=2>
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
欢迎使用!
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
</TD>
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
</TR>
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
</TABLE>
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
</BODY>
在弹出创苦时,根据窗口的内容来自动调节窗口的大小,窗口如果已经和屏幕相等大小时则出现滚动条。
解决方案
在弹出的页面中添加一JS脚本方法win_onLoad(),在body的onload方法中引用win_onLoad(),在body中添加表,表的id取名为tbllist,窗口的大小就是这个table的大小在宽和高上分别加50。
部分代码如下:
<script language=javascript>
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
function win_onLoad(){
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
var width = document.all["tblKsList"].offsetWidth;
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
var height = document.all["tblKsList"].offsetHeight;
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
width = eval(width + 50);
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
height = eval(height + 50);
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
if (width < 500)
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
width = 500;
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
else if (width > screen.width)
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
width = screen.width;
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
if (height < 400)
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
height = 400;
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
else if (height > screen.height)
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
height = screen.height;
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
//alert(width);alert(height);
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
window.resizeTo(width,height);
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
}
</script>
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
<head></head>
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
<BODY bgcolor="0099CC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="win_onLoad();">
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
<TABLE width="95%" border="0" cellpadding="0" cellspacing="0" class="table-left1-right2" style="border:1 solid #000000" id="tblList">
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
<TR>
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
<TD width="100%" valign="top" colspan=2>
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
欢迎使用!
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
</TD>
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
</TR>
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
</TABLE>
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
</BODY>
相关文章推荐
- 根据内容自动调整弹出窗口大小的JS解决方案
- 根据内容自动调整弹出窗口大小的JS解决方案
- 根据内容自动调整弹出窗口大小的JS解决方案
- 弹出窗口根据内容自动调整大小的JS解决方案
- 根据内容自动调整弹出窗口大小的JS解决方案 选择自 WeekZero 的 Blog
- 根据内容自动调整弹出窗口大小的JS解决方案
- 根据内容自动调整弹出窗口大小的JS解决方案
- 根据内容自动调整弹出窗口大小的JS解决方案
- 弹出窗口根据内容调整大小并居中的JS实现(适用IE、活动窗口和模式窗口)
- window.onload and showModalDialog根据内容自动调整窗口大小
- showModalDialog根据内容自动调整窗口大小
- showModalDialog根据内容自动调整窗口大小
- java 添加背景图片(可根据窗口大小自动调整显示图片)
- QTableView根据内容自动调整大小(resizeColumnToContents解决不了的)
- 窗口根据屏幕分辨率自动调整大小
- AutoFitTextView-根据文本内容自动调整字体大小的TextView
- [JS]iframe根据子页面自动调整大小
- 把界面上静态文本控件的尺寸根据文本的内容自动调整大小(转)
- 弹出自适应图片大小的窗口弹出窗口根据图片大小,自动判断高和宽。
- 把界面上静态文本控件的尺寸根据文本的内容自动调整大小(转)