您的位置:首页 > Web前端 > JavaScript

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

2005-08-30 21:45 651 查看
问题
在弹出创苦时,根据窗口的内容来自动调节窗口的大小,窗口如果已经和屏幕相等大小时则出现滚动条。
解决方案
在弹出的页面中添加一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>
作者Blog:http://blog.csdn.net/WeekZero/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: