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

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

作者：WeekZero 点击： 1025 次

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

部分代码如下：

引用代码：


<script  language=javascript>  

function  win_onLoad(){  

var  width  =  document.all["tblKsList"].offsetWidth;    

var  height  =  document.all["tblKsList"].offsetHeight;  

  

width  =  eval(width  +  50);  

height  =  eval(height  +  50);  

  

if  (width  <  500)  

width  =  500;  

else  if  (width  >  screen.width)  

width  =  screen.width;  

  

if  (height  <  400)  

height  =  400;  

else  if  (height  >  screen.height)  

height  =  screen.height;  

  

//alert(width);alert(height);  

window.resizeTo(width,height);  

}  

</script>

引用代码：


<head></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>  

  欢迎使用！  

</TD>  

</TR>  

</TABLE>  

</BODY>

收藏此文章　　　　　打印更新　　　　　编辑此文章　　　　『关闭窗口』


	家园个人文集		http://www.5x54.com