JavaScriptを書くときは、Webページの高さと幅、ブラウザー、または画面を使用して、レイアウトの位置決めの問題を解決する必要があることがよくあります。多くの場合、使用前後にそれを忘れたり、オンラインで検索したり、単に自分で要約したりすることで、時間と労力を節約するのが便利です。
Webページの可視領域幅：document.body.clientwidth
Webページの目に見える領域の高さ：document.body.clientheight
Webページの可視領域幅：document.body.offsetwidth（エッジラインの幅を含む）
Webページの目に見える領域の高さ：document.body.offseTheigh（エッジラインの幅を含む）
Webページの全文幅：document.body.scrollwidth（スクロールバー幅付き）
Webページの全文の高さ：document.body.scrollheight（スクロールバーの高さ付き）
Webページは高レベルで展開されています：document.body.scrolltop
展開されているWebページの左：document.body.scrollleft
Webページの主要部分：window.screentop
Webページのメインテキストの左：window.screenleft
高画面解像度：window.screen.height
画面解像度の幅：window.screen.width
画面利用可能なワークスペースの高さ：window.screen.availheight
画面利用可能なワークスペース幅：window.screen.availwidth
HTML正確な位置決め：ScrollLeft、ScrollWidth、ClientWidth、OffsetWidth
Scrollheight：オブジェクトのスクロールの高さを取得します。
ScrollLeft：オブジェクトの左の境界と、ウィンドウ内の現在表示されているコンテンツの左端の間の距離を設定または取得します
スクロールトップ：オブジェクトの上部とウィンドウ内の可視コンテンツの上部との間の距離を設定または取得します
scrollwidth：オブジェクトのスクロール幅を取得します
offseTheight：レイアウトまたは親座標によって指定された親座標に対するオブジェクトの高さを取得しますoffsetparentプロパティ
offsetLeft：オフセットParentプロパティによって指定されたレイアウトまたは親座標に対するオブジェクトの計算された左の位置を取得します
オフセット：オフセットプロパティで指定されたレイアウトまたは親座標に対するオブジェクトの計算されたトップ位置を取得します
event.clientxドキュメントに対する水平座標
ドキュメントに対するClienty垂直座標
event.offsetxコンテナに対する水平座標
event.offsetyコンテナに対する垂直座標
document.documentlement.scrolltop垂直にスクロールする値
event.clientx + document.documentlement.scrolltopドキュメントの水平座標 +垂直方向のスクロールの量
つまり、Firefoxの違いは次のとおりです。
IE6.0、FF1.06+：
コードコピーは次のとおりです。
clientWidth =幅 +パディング
clientheight = height + padding
offsetWidth =幅 +パディング +ボーダー
offsetheight = height + padding + border
IE5.0/5.5：
コードコピーは次のとおりです。
clientWidth = width -border
clientheight = height -border
offsetWidth = width
offseetheight = height
概要：高さと幅にはかなり多くのことがあります。私は自分でいくつかの詳細を理解していません。それらを実験した後、それらのいくつかは同じ値を持っているので、それは非常に混乱しており、状況にのみ依存することができます。