根据内容自动调整弹出窗口大小的JS解决方案
根据内容自动调整弹出窗口大小的JS解决方案 问题
在弹出创苦时,根据窗口的内容来自动调节窗口的大小,窗口如果已经和屏幕相等大小时则出现滚动条。
解决方案
在弹出的页面中添加一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>