Web ページの高さと幅を取得するための jQuery JavaScript 実装コード_JavaScript スキル

Web ページの表示領域の幅: document.body.clientWidth
Web ページの表示領域の高さ: document.body.clientHeight
Web ページの表示領域の幅: document.body.offsetWidth (端の幅を含む)
Web ページの表示領域の高さ: document.body.offsetHeight (端の高さを含む)
Web ページ本文の全テキスト幅: document.body.scrollWidth
Web ページ本文の完全なテキストの高さ: document.body.scrollHeight
ページが上にスクロールされます: 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

jquery

ブラウザの表示領域の高さを取得します: $(window).height();
ブラウザの表示領域の幅を取得します: $(window).width();
ページのドキュメントの高さを取得します: $(document).height();
ページのドキュメントの幅を取得します: $(document).width();

スクロールバーの上部までの垂直高さを取得します: $(document).scrollTop();
左側のスクロールバーの垂直幅を取得します: $(document).scrollLeft();

要素の位置とオフセットを計算します

offset メソッドは、パックセットの最初の要素のオフセット情報を返す非常に便利なメソッドです。デフォルトでは、ボディに対するオフセット情報です。結果には、top と left という 2 つの属性が含まれます。
オフセット(オプション、結果)
options.relativeTo は、計算されたオフセット位置を基準とした祖先要素を指定します。この要素は相対的または絶対的に配置する必要があります。省略した場合は、本体に対する相対値となります。
options.scroll スクロール バーを含めるかどうか、デフォルトは TRUE
options.padding パディングを含めるかどうか、デフォルトは false
options.margin 計算にマージンを含めるかどうか、デフォルトは true
options.border 境界線を含めるかどうか、デフォルトは true

Web ページの高さと幅を取得する上記の jQuery JavaScript は、エディターによって共有されたすべての内容です。参考にしていただければ幸いです。また、皆様にも Script Home をサポートしていただければ幸いです。