新しく定義された標準では、document.documentedement.clientheightは、IEとFirefoxで正しい値を取得できます。
<スクリプト言語= "javascript">
関数getInfo（）
{{
var s = "";
s + = "Webページは表示される領域幅です：" + document.body.clientwidth ;
s + = "Webページ可視領域High：" + document.body.clientheight ;
s + = "Webページ可視領域幅：" + document.body.offsetwidth + "（エッジとスクロールバーの幅を含む）";
s + = "Webページ目に見える領域High：" + document.body.offseetheight + "（エッジの幅を含む）";
s + = "webページテキスト全文幅：" + document.body.scrollwidth;
S + = "WebページテキストHigh Text High：" + dcument.body.scrollheight;
s + = "ff）それはWebページから展開されます：" + document.body.scrolltop;
s + = "ie）：" + document.documentlement.scrolltop;
s + = "Webページは左側に巻き上げられます：" + document.body.scrollleft;
s + = "webページテキストパーツ：" + window.screentop;
s + = "webページテキストパーツの左：" + window.screenleft;
s + = "高画面解像度：" + window.screen.height;
s + = "画面解像度幅：" + window.screen.width;
s + = "画面利用可能な作業エリアの高さ：" + window.screen.availheight;
s + = "画面利用可能な作業領域幅：" + window.screen.availwidth;
s += "画面設定は" +window.screen.colordepth +"ビット色"です。
s += "あなたの画面設定" +window.screen.devicexdpi +"pixel/inch";
アラート（s）;
}
getInfo（）;
</script>
ローカルテスト：
IE、Firefox、Operaで使用できます
document.body.clientWidth
document.body.clitingheight
それは非常にシンプルで便利に入手できます。
そして会社のプロジェクトで：
オペラはまだ使用しています
document.body.clientWidth
document.body.clitingheight
しかし、IEとFirefoxが使用されます
document.documentelement.clientWidth
document.documentelement.clientheight
<
この行をページに追加する場合
IEで：
document.body.clientwidth ==>ボディオブジェクト幅
document.body.clitingheight ==>ボディオブジェクトの高さ
document.documentelement.clientwidth ==>可視領域幅
document.documentelement.clientheight ==>可視領域の高さ
Firefox：
document.body.clientwidth ==>ボディオブジェクト幅
document.body.clitingheight ==>ボディオブジェクトの高さ
document.documentelement.clientwidth ==>可視領域幅
document.documentelement.clientheight ==>可視領域の高さ
オペラで：
document.body.clientwidth ==>可視領域の幅
document.body.clitingheight ==>目に見える領域の高さ
document.documentlement.clientwidth ==>ページオブジェクト幅（つまり、ボディオブジェクトの幅とマージン幅）
document.documentelement.clientheight == >>ページオブジェクトの高さ（つまり、ボディオブジェクトの高さとマージンの高さ）
OBJがHTMLコントロールであると仮定します。
obj.offsettopは、上部または上部層コントロールからの位置、整数、およびユニットピクセルを指します。
obj.offsetLeftとは、左または上部コントロールからの位置、整数、ユニットピクセルを指します。
obj.offsetwidthは、objコントロール自体の幅、整数、ユニットピクセルを指します。
obj.offseTheighは、OBJコントロール自体の高さ、整数、ユニットピクセルを指します。
前述の「上または上層または上層層」および「左または上層層」について説明します。
例えば：
<div id = "tool">
<入力型= "button" value = "submit">
<入力型= "button" value = "reset">
</div>
「送信」ボタンのオフセットは、「ツール」レイヤーの「ツール」レイヤー間の距離を指します。これは、「ツール」層の上部フレームに最も近いものに最も近いためです。
「リセット」ボタンのオフセットは、「ツール」レイヤーの「ツール」レイヤー間の距離を指します。これは、「ツール」層の上部フレームに最も近いものに最も近いためです。
「送信」ボタンのオフセット左は、「ツール」レイヤーの左側の左側に「ツール」レイヤーの左側に最も近い「ツール」レイヤーの「ツール」レイヤー間の距離が左側にあるためです。
「リセット」ボタンのオフセットレフトは、「送信」ボタンから「送信」ボタンの距離を指します。これに最も近い「送信」ボタンの右フレームは、「送信」ボタンの右側です。
オフセットは、上記または外側の要素からHTML要素の位置を取得でき、2つの違いも可能です。
1。オフセットは数字を返し、style.topは文字列に加えて、ユニットがあります：px。
2。オフセットは読み取りのみですが、style.topは読み取りと書き込みを行うことができます。
第三に、HTML要素のトップスタイルを指定しない場合、Style.topは空の文字列を返します。
offsetLeft and style.Left、offsetWidth、およびstyle.width、offseeth、style.headは同じです。
Scrollheight：オブジェクトのスクロールの高さを取得します。
scrollleft：オブジェクトの左境界とウィンドウの現在見えるコンテンツの左端の間の距離を設定または取得します
スクロールトップ：オブジェクトの上部とウィンドウの上部の間の距離を設定または取得します
scrollwidth：オブジェクトのスクロール幅を取得します
offseTheight：取得オブジェクトによって相殺された属性によって指定された親座標の高さ
offsetLeft：offsetParent属性によって指定された家父長制の家父長的座標の計算左の位置
オフセット：オフセットトップ属性によって指定されたパターンの家父長的座標の計算の最上位
event.clientxの相対文書の水平座標
event.clientyの相対文書の垂直座標
event.offsetx相対容器の水平座標
event.offsetyの垂直座標
document.documenetelement.scrolltop Valted Valley Rolling Valley
event.clientx+document.documentlement.scrolltop相対文書の水平シートラベル+ローリング垂直ローリングの量
上記は、主にIEの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
（言及する必要があります：CSSのマージン属性は、clientWidth、offsetWidth、clientheight、offighteightに関連していません）