Jsはwindowフォームサイズに対して設定します.
2109 ワード
: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 )
1.function resize(){
2. var win = Ext.fly(‘ ’);// , Ext.fly
, , getCmp,get
3.// http://www.javaeye.com/topic/155981 ,
4.
5.}
6.window.onresize = resize;
7.
8.Ext.onReady(function(){
9. resize();
10. //…..
11.}
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();
})