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

zhima_8

zhima_8

2016-02-19 13:14

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的根据内容自动调整弹出窗口大小的JS解决方案,过去的都会过去,迎接崭新的开始,释放更美好的自己。
 问题 

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  解决方案

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  部分代码如下:

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

展开更多 50%)
分享

猜你喜欢

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

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

Win7系统光驱老自动弹出解决方案

电脑网络
Win7系统光驱老自动弹出解决方案

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

js控制excel打印完美解决方案

电脑网络
js控制excel打印完美解决方案

如何根据用户需求调整Win7预览窗口大小

电脑网络
如何根据用户需求调整Win7预览窗口大小

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

自动关闭弹出式窗口

电脑网络
自动关闭弹出式窗口

phpMyAdmin导入数据库超过限制大小的解决方案

服务器
phpMyAdmin导入数据库超过限制大小的解决方案

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

HyperSnap怎么截取超过一屏的图片

HyperSnap怎么截取超过一屏的图片

More Effective C++:理解new和delete

More Effective C++:理解new和delete
下拉加载更多内容 ↓