JavaScriptの取得を買収画面ブラウザウィンドウ、ブラウザ、ページの高さ、幅メソッドの概要

ページ広い可視領域: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がコンテナからの相対座標レベル容器に対して垂直座標event.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 =高さ
(言及する必要があります:CSSのmarginプロパティを、そしてclientWidth、offsetWidth、clientHeight、無関係ですoffsetHeight 
ページ広い可視領域: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
div.style.top:に対して上部要素からの距離が配置されているDIV

おすすめ

転載: www.cnblogs.com/zax0927/p/11454147.html