设计之家 > 教程 > 網頁教程 > Javascript教程 >

根據內容自動調整彈出窗口大小的JS解決方案

作者：佚名　來源：CSDN　時間：2006-10-06
　問題 

　　在彈出窗口時，根據窗口的內容來自動調節窗口的大小，窗口如果已經和屏幕相等大小時則出現滾動條。

　　解決方案

　　在彈出的頁面中添加一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>
标签：彈出窗口

相關文章：

推薦設計

最新文章