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();
})