木子屋 Dnawo's BLOG

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

👤 dnawo 📅 2007-02-07 👁 5277 👍 0 💬 0 🔄 来源:网络
一、脚本代码

<script language=javascript>
function win_onLoad(){
    var width = document.all["tblList"].offsetWidth;    
    var height = document.all["tblList"].offsetHeight; 
    
    width = eval(width + 50);
    height = eval(height + 50);
    
    if (width < 500)
        width = 500;
    else if (width > screen.width)
        width = screen.width;
    
    if (height < 500)
        height = 500;
    else if (height > screen.height)
        height = screen.height;
    
    window.resizeTo(width,height);
}
</script>


说明:
在弹出的页面中添加一JS脚本方法win_onLoad(),在body的onload方法中引用win_onLoad(),在body中添加表,表的id取名为tbllist,窗口的大小就是这个table的大小在宽和高上分别加50。
窗口弹出时,父窗口设定的大小如果小于500的则弹出的窗口为500,大于的则是原来大小,弹出窗口的内容如果大于本来的大小则自适应窗口的大小。


二、应用举例

HTML
<html>
<head>
<script language=javascript>
function win_onLoad(){
    var width = document.all["tblList"].offsetWidth;    
    var height = document.all["tblList"].offsetHeight; 
    
    width = eval(width + 50);
    height = eval(height + 50);
    
    if (width < 500)
        width = 500;
    else if (width > screen.width)
        width = screen.width;
    
    if (height < 500)
        height = 500;
    else if (height > screen.height)
        height = screen.height;
    
    window.resizeTo(width,height);
}
</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>
 木子屋:www.mzwu.com
</TD>
</TR>
</TABLE>
</BODY>
</html>

评论(0)

暂无评论。

计算题
评论需审核通过后显示
← 上一篇 页面部分乱码 下一篇 → window.open后父窗口显示[object]解决方案