JS取得したページの幅と高さが利用可能

ページ幅の可視面積:document.body.clientWidth

視認性の高いページ領域:document.body.clientHeight

ページ広い可視領域(エッジ幅を含む)document.body.offsetWidth

高い可視領域のページ:document.body.offsetHeight(エッジ幅を含みます)

ページ幅のフルボディ:document.body.scrollWidth

ページGAOのボディ: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

垂直コンテナev​​ent.offsetYに対する相対座標

document.documentElement.scrollTop垂直スクロール値

event.clientX + document.documentElement.scrollTop水平スクロール量の垂直方向に文書に対して座標+

IE、FireFoxの差异如下: 
IE6.0、FF1.06 +: 
clientWidth =幅+パディング 
clientHeight =高さ+パディング 
offsetWidth =幅+パディング+ボーダー 
offsetHeight =高さ+パディング+ボーダー 
IE5.0 / 5.5:clientWidth =幅-ボーダー 
clientHeight =高-ボーダー 
offsetWidth =幅 
offsetHeight =高さ

おすすめ

転載: blog.csdn.net/zhu_nana/article/details/81299204