手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >根据内容自动调整弹出窗口大小的JS解决方案
根据内容自动调整弹出窗口大小的JS解决方案
摘要:问题在弹出窗口时,根据窗口的内容来自动调节窗口的大小,窗口如果已经和屏幕相等大小时则出现滚动条。解决方案在弹出的页面中添加一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

【根据内容自动调整弹出窗口大小的JS解决方案】相关文章:

js动态创建及移除div的方法

png在IE6 下无法透明的解决方法汇总

js光标定位文本框回车表单提交问题的解决方法

js实现鼠标移到链接文字弹出一个提示层的方法

JS实现两表格里数据来回转移的方法

js控制div弹出层实现方法

基于JavaScript实现图片点击弹出窗口而不是保存

javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法

JQuery自动触发事件的方法

js比较日期大小的方法

精品推荐
分类导航