根据内容自动调整弹出窗口大小的JS解决方案_Javascript教程-查字典教程网
根据内容自动调整弹出窗口大小的JS解决方案
根据内容自动调整弹出窗口大小的JS解决方案
发布时间:2015-11-03 来源:查字典编辑
摘要:问题在弹出窗口时,根据窗口的内容来自动调节窗口的大小,窗口如果已经和屏幕相等大小时则出现滚动条。解决方案在弹出的页面中添加一JS脚本方法wi...

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

解决方案

在弹出的页面中添加一JS脚本方法win_onLoad(),在body的onload方法中引用win_onLoad(),在body中添加表,表的id取名为tbllist,窗口的大小就是这个table的大小在宽和高上分别加50。

部分代码如下:

script language=javascript

functionwin_onLoad(){

varwidth=document.all["tblKsList"].offsetWidth;

varheight=document.all["tblKsList"].offsetHeight;

width=eval(width+50);

height=eval(height+50);

if(width500)

width=500;

elseif(widthscreen.width)

width=screen.width;

if(height400)

height=400;

elseif(heightscreen.height)

height=screen.height;

//alert(width);alert(height);

window.resizeTo(width,height);

}

/script

head/head

BODYbgcolor="0099CC"leftmargin="0"topmargin="0"marginwidth="0"marginheight="0"onload="win_onLoad();"

TABLEwidth="95%"border="0"cellpadding="0"cellspacing="0"id="tblList"

TR

TDwidth="100%"valign="top"colspan=2

欢迎使用!

/TD

/TR

/TABLE

/BODY

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类