根据内容自动调整弹出窗口大小的JS解决方案
类别: JavaScript教程
问题
在弹出创苦时,根据窗口的内容来自动调节窗口的大小,窗口如果已经和屏幕相等大小时则出现滚动条。
解决方案
在弹出的页面中添加一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>
在弹出创苦时,根据窗口的内容来自动调节窗口的大小,窗口如果已经和屏幕相等大小时则出现滚动条。
解决方案
在弹出的页面中添加一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>
- 上一篇: JAVASCRIPT 的几种排序方法
- 下一篇: 怎么使用JS脚本理的TIMER控件
-= 资 源 教 程 =-
文 章 搜 索