js ブラウザの高さと幅の値を取得する（複数のブラウザ）_JavaScript スキル

IE の場合:
document.body.clientWidth ==> BODY オブジェクトの幅
document.body.clientHeight ==>gt; BODY オブジェクトの高さ
document.documentElement.clientWidth == > ; 可視領域の幅
document.documentElement.clientHeight ==> 可視領域の高さ
FireFox の場合:
document.body.clientWidth ==> BODY オブジェクトの幅
document.body.clientHeight = = > BODY オブジェクトの高さ
document.documentElement.clientWidth ==> 可視領域の幅
document.documentElement.clientHeight ==> Opera の場合:
document.body.clientWidth = => 表示領域の幅
document.body.clientHeight ==> 表示領域の高さ
document.documentElement.clientWidth ==> ページ オブジェクトの幅 (つまり、BODY オブジェクトの幅とマージンの幅)
document .documentElement.clientHeight ==> ページ オブジェクトの高さ (つまり、BODY オブジェクトの高さとマージンの高さ)
W3C 標準が定義されていない場合、
IE は次のようになります:
document.documentElement.clientWidth ==> 0
documentElement.clientHeight ==> 0
FireFox は次のとおりです:
documentElement.clientWidth ==>gt; )
document.documentElement .clientHeight ==> ページ オブジェクトの高さ (つまり、BODY オブジェクトの高さとマージンの高さ)
オペラは次のとおりです:
document.documentElement.clientWidth ==> ページ オブジェクトの幅 (つまり、 BODY オブジェクトの幅とマージンの幅)
document.documentElement.clientHeight ==> ページ オブジェクトの高さ (つまり、BODY オブジェクトの高さとマージンの高さ)


Web ページの表示領域の幅: ドキュメント.body.clientWidth
Web ページの表示領域の高さ: document.body.clientHeight
Web ページの表示領域の幅: document.body.offsetWidth (端の幅を含む)
の高さWeb ページの表示領域: document.body.offsetHeight (端の高さを含む)
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: オブジェクトの左端とウィンドウ内に現在表示されているコンテンツの左端との間の距離を設定または取得します。
scrollTop: オブジェクトの最上端と最上端との間の距離を設定または取得しますウィンドウに表示されているコンテンツの
scrollWidth: オブジェクトのスクロール幅を取得します。
offsetHeight: レイアウトまたは offsetParent プロパティで指定された親座標を基準としたオブジェクトの高さを取得します。
offsetLeft: offsetParent プロパティで指定されたレイアウトまたは親座標を基準としたオブジェクトの高さ 左位置を計算します
offsetTop: レイアウトまたは offsetTop 属性で指定された親座標を基準としたオブジェクトの計算された上部位置を取得します
events.clientX ドキュメントを基準とした水平座標
event.clientY ドキュメントを基準とした垂直座標
event.offsetX はコンテナを基準とした水平座標です
event.offsetY はコンテナを基準とした垂直座標ですコンテナ
document.documentElement.scrollTop は垂直スクロールの値です
event.clientX document.documentElement.scrollTop はドキュメントの水平位置を基準としています 垂直方向の座標スクロール量
実装コード

コードをコピーします コードは次のとおりです:

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional .dtd">


>

ブラウザ ウィンドウのサイズを変更してください

---

ブラウザ ウィンドウの実際の高さ:

ブラウザ ウィンドウの実際の幅:

html>