js画面の取得と要素の幅の高い方法

1257 ワード

一.window関連

       ：window.screenTop 
       ：window.screenLeft
       ：window.screen.height 
       ：window.screen.width 
         ：window.screen.availHeight 
         ：window.screen.availWidth

二.body関連

       ：document.body.clientWidth 
       ：document.body.clientHeight 
       ：document.body.offsetWidth (      ) 
       ：document.body.offsetHeight (      ) 
       ：document.body.scrollWidth 
       ：document.body.scrollHeight 
       ：document.body.scrollTop 
       ：document.body.scrollLeft

三.スクロール関連

scrollHeight:          。
scrollWidth:            

document.documentElement.scrollTop

四.位置の正確な位置決め

scrollLeft:                               
scrollTop:                             

offsetLeft:            offsetParent                 
offsetTop:            offsetTop

五.座標軸

event.clientX           
event.clientY           
event.offsetX           
event.offsetY

六.width/clientWidth/offset Widthとheightの違い

width        
height        
clientWidth = width + padding
clientHeight = height + padding
offsetWidth = width + padding + border
offsetHeight = height + padding + border

微信小プログラムは共有機能を実装しています.