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

2016-02-19 13:14 197 1 收藏

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

【 tulaoshi.com - Web开发 】

 问题 

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

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

  解决方案

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

  在弹出的页面中添加一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

来源:http://www.tulaoshi.com/n/20160219/1603487.html

延伸阅读
标签: Web开发
使用asp.net,在刷新页面的时候会自动触发服务器端的事件。举个简单的例子,如:一个注册页面,我们填写完注册信息之后,如果按F5刷新之后,会自动触发到Button事件上,这样就造成了又注册了一次的麻烦。 我先前的解决方案:用关键字查询,如有相同,则提示已有此用户。 但是这种方案不能在没有表识的情况下使用,他会重新提交。...
计算系统与信息网络不停顿的运行与连接即高可用性已成为各行业特别是要求实时行业业务运行的基本要求。 惠普凭借丰富的经验创制的HP NetServer为您提供当今市场上最完备的高可用性系列产品和最优质的服务,使您的关键业务应用程序能连续可靠地高效运转。惠普还与业界领先的软硬件供应商联袂,为优化您的业务环境提供最...
有道云笔记如何调整窗口大小?   1、 调整笔记本栏目 2 、调整完成 3 、调整笔记列表栏目 4 、调整完成 5 、调整笔记编辑框 6 、已经隐藏了工具栏,这样子编辑面积更大 7 、还可以隐藏笔记本栏和笔记本列表栏 8、 隐藏后的效果 9 、最后是放大和缩小笔记本的内容 ...
标签: Web开发
关于获取各种浏览器可见窗口大小的一点点研究 script function getInfo() {     var s = "";     s += " 网页可见区域宽:"+ document.body.clientWidth;     s += " 网页可见区域高:"+ document.body.clientHeight;     s += " 网页可...
微软在桌面系统上的成功,令我们不得不大量使用它的办公产品,如:Word,Excel。时至今日,它的源代码仍然不公开已封锁了我们的进一步应用和开发。然而在要求更高的服务器领域,微软本身的产品移植性不好, 性能不佳。在我们实际的开发中,表现层的解决方案虽然有多样,但是Ie浏览器已成为最多人使用的浏览器,因为大家都用Windows。在企业...

经验教程

209

收藏

11
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部