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

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

 问题 

  在弹出窗口时,根据窗口的内容来自动调节窗口的大小,窗口如果已经和屏幕相等大小时则出现滚动条。

  解决方案

  在弹出的页面中添加一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>

给TA打赏
共{{data.count}}人
人已打赏
Javascript教程

Javascript事件触发列表与解说

2006-10-5 23:54:00

Javascript教程

单击图片时直接出现另存为对话框

2006-10-5 23:57:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
有新私信 私信列表
搜索