根据内容自动调整弹出窗口大小的JS解决方案

**问题
** 在弹出创苦时,根据窗口的内容来自动调节窗口的大小,窗口如果已经和屏幕相等大小时则出现滚动条。
解决方案
在弹出的页面中添加一JS脚本方法win_onLoad(),在body的onload方法中引用win_onLoad(),在body中添加表,表的id取名为tbllist,窗口的大小就是这个table的大小在宽和高上分别加50。

部分代码如下:

 1<script language="javascript">   
 2![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) function  win_onLoad(){   
 3![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) var  width  =  document.all[  "  tblKsList  "  ].offsetWidth;   
 4![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) var  height  =  document.all[  "  tblKsList  "  ].offsetHeight;   
 5![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)   
 6![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) width  =  eval(width  \+  50  );   
 7![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) height  =  eval(height  \+  50  );   
 8![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)   
 9![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) if  (width  < 500  )   
10![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) width  =  500  ;   
11![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) else  if  (width  > screen.width)   
12![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) width  =  screen.width;   
13![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)   
14![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) if  (height  < 400  )   
15![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) height  =  400  ;   
16![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) else  if  (height  > screen.height)   
17![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) height  =  screen.height;   
18![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)   
19![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) //  alert(width);alert(height);    
20![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) window.resizeTo(width,height);   
21![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) }   
22</script>

< head > < BODY bgcolor ="0099CC" leftmargin ="0" topmargin ="0" marginwidth ="0" marginheight ="0" onload ="win_onLoad();" >

< TABLE width ="95%" border ="0" cellpadding ="0" cellspacing ="0" class ="table-left1-right2" style ="border:1 solid #000000" id ="tblList" >
< TR >
< TD width ="100%" valign ="top" colspan =2 >
欢迎使用!

Published At
Categories with Web编程
Tagged with
comments powered by Disqus