Javascriptでウィンドウ(コンテナ)のサイズと位置パラメータを取得する列挙と簡単な説明_基礎知識

Javascript はウィンドウ (コンテナ) のサイズと位置を取得します。混同しやすいものは次のとおりです。

属性メソッドの説明:
clientX の相対ドキュメント スクロールの高さの水平座標。
scrollLeft は、オブジェクトの左端とウィンドウ内に現在表示されているコンテンツの左端との間の距離を設定または取得します。オブジェクトの最上端とウィンドウ内の最上部の表示コンテンツの間の距離。
offsetWidth は、レイアウトまたは親座標で指定された親座標を基準としたオブジェクトの幅を取得します。
offsetHeight は、高さを取得します。レイアウトまたは親座標で指定されたオブジェクトの相対座標 offsetParent プロパティ
offsetLeft は、レイアウトまたは offsetParent 属性で指定された親座標を基準とした計算されたオブジェクトの左位置を取得します。


画面とウィンドウのサイズを取得する Javascript メソッド
:
画面解像度の高さ: window.screen.height;
画面解像度の幅: window.screen.width;
画面の使用可能な作業領域の高さ (タスクバーを除く): window.screen.availHeight;画面の幅 (タスクバーを除く): window.screen.availWidth;
Web ページの表示領域の幅 (スクロール バーと境界線を除く): document.body.clientWidth; Web ページの表示領域の幅 (スクロール バーと境界線を除く): document.body.clientHeight
Web ページの表示領域の幅 (スクロール バーと境界線を含む): document.body; .offsetWidth; Web ページの表示領域の高さ (スクロール バーと境界線を含む): document.body.offsetHeight; Web ページの本体の幅: document.body.scrollWidth; body height: document.body.scrollHeight;
Web ページのスクロールされる高さ: document.body.scrollTop;
スクロールされる左側: document.body.scrollLeft; Web ページ (Web ページの左端と画面の左端の間の距離): window.screenTop;
Web ページのテキスト部分の左 (Web ページのテキストの上部と画面の左端の間の距離)画面の上端): window.screenLeft.


注: HTML が原因で値を取得できない場合があります。 ドキュメント タイプ
がファイル ヘッダーに追加されます:



、
この時点で、 document.body.scrollTop と document.body.scrollLeft は、 document.documentElement.scrollTop と document.documentElement.scrollLeft で十分ですが、 document.body.clientWidth とdocument.body.clientHeight も次のように変更する必要があります: document.documentElement.clientWidth および document.documentElement.clientHeight

もちろん、説明の省略や不足はありますが、誰もが追加したり、議論したり、Baidu Baidu を使用して一緒に進歩することができます。 ！そうだね〜