转 Js窗体window大小设置

网页可见区域宽：document.body.clientWidth

网页可见区域高：document.body.clientHeight

网页可见区域宽：document.body.offsetWidth (包括边线的宽)

网页可见区域高：document.body.offsetHeight (包括边线的宽)

网页正文全文宽：document.body.scrollWidth

网页正文全文高：document.body.scrollHeight

网页被卷去的高：document.body.scrollTop

网页被卷去的左：document.body.scrollLeft

网页正文部分上：window.screenTop

网页正文部分左：window.screenLeft

屏幕分辨率的高：window.screen.height

屏幕分辨率的宽：window.screen.width

屏幕可用工作区高度：window.screen.availHeight

屏幕可用工作区宽度：window.screen.availWidth

HTML精确定位:

scrollLeft,scrollWidth,clientWidth,offsetWidth

scrollHeight: 获取对象的滚动高度。

scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离

scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离

scrollWidth:获取对象的滚动宽度

offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度

offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置

offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置

event.clientX 相对文档的水平座标

event.clientY 相对文档的垂直座标

event.offsetX 相对容器的水平坐标

event.offsetY 相对容器的垂直坐标

document.documentElement.scrollTop 垂直方向滚动的值

event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量

IE，FireFox 差异如下：

IE6.0、FF1.06+：

clientWidth = width + padding

clientHeight = height + padding

offsetWidth = width + padding + border

offsetHeight = height + padding + border

IE5.0/5.5：

clientWidth = width - border

clientHeight = height - border

offsetWidth = width

offsetHeight = height

(CSS中的margin属性，与clientWidth、offsetWidth、clientHeight、offsetHeight均无关)

function resize(){

var win = Ext.fly('窗体对象组件');//获得要调整的窗体，注意这里先用Ext.fly的方式来获取组件，如果不行再换别的，如getCmp,get等

//然后参考 http://www.javaeye.com/topic/155981 这篇博客，来动态设定组件的大小

}

window.onresize = resize;

Ext.onReady(function(){

resize();

}

Ext.onReady(function(){

formWindow = new Ext.Window({

layout:'fit',

width:480,

height:360,

resizable:true,

closeAction:'close',

plain: true,

maximizable: true,

// minimizable : true, // 最小化

listeners: {

close:function(w){

//关键部分：关闭窗口前先还原,滚动条才不会消失

w.restore();

maximize:function(w){

//关键部分：最大化后需要将窗口重新定位，否则窗口会从最顶端开始最大化

w.setPosition(document.body.scrollLeft-4,document.body.scrollTop- 4);

}

});

formWindow.show();

})

转:http://blog.csdn.net/coffeeroom/article/details/6606895

转载于:https://www.cnblogs.com/chenweixuan/p/5458189.html

转 Js窗体window大小设置相关推荐

js实现字体大小设置
开发背景:需要设置调整富文本里的字体大小. 1.实现代码: // el - 要设置字体的最外层元素,size - 字体大小,单位px function setFontSize (el, size) { ...
php如何让图片铺满屏幕,如何解决js获取屏幕大小并且让图片自适应的方法
在写h5页面的时候,经常会需要将图片自适应大小,一般都是用等比例的缩放,这就有个问题,当上传的图片不是一个规格时就会出现展示图片不完美. 为了解决这个问题,我们可以通过js去获取图片的大小,然后在根据 ...
php自动适应屏幕大小,如何解决js获取屏幕大小并且让图片自适应的方法
在写h5页面的时候,经常会需要将图片自适应大小,一般都是用等比例的缩放,这就有个问题,当上传的图片不是一个规格时就会出现展示图片不完美. 为了解决这个问题,我们可以通过js去获取图片的大小,然后在根据 ...
html 字号宽度像素,JS根据设备宽度设置根节点（html）font-size字体大小
JS根据设备宽度设置根节点(html)font-size字体大小发布时间:2020-04-10 20:28:04 来源:51CTO 阅读:3210 作者:pmlinjian JS根据设备宽度设置根节 ...
设计一个Windows窗体程序，设置程序，其运行结果如下图所示。垂直滚动条控制字体大小。
设计一个Windows窗体程序,设置程序,其运行结果如下图所示.一个标签控件的Text属性为"缩放"两个字,它的字体大小取决于垂直滚动条的值(Maximum=72,Minimum= ...
js设置html打印不分页,JS 使用 window对象的print方法实现分页打印功能
最近做项目用到了web在线打印功能,经研究使用了JS自身支持的Window对象的打印方法,此种方法兼容性比较好,在IE和火狐浏览器下使用都没有问题. 1.但是网上好多案例都不支持分页功能,最后通过CS ...
JS 关闭window.open的窗体，并刷新父页面
Web开发中经常会遇到,使用 window.open打开窗体. 那么问题来了,怎么关闭打开的窗体? 网上给出了很多的解决方便,试了一些后都没有效果, window.top.close() 这个在I ...
nw.js FrameLess Window下的窗口拖拽与窗口大小控制
nw.js FrameLess Window下的窗口拖拽与窗口大小控制很多时候,我们觉得系统的Frame框很难看,于是想自定义. 自定义Frame的第一步是在package.config文件中将fr ...
js的window对象与属性的使用
1.BOM的概述 browser object modal :浏览器对象模型. 浏览器对象:window对象. Window 对象会在 <body> 或 <f ...

转 Js窗体window大小设置

转 Js窗体window大小设置相关推荐

最新文章

热门文章