JavaScript と jQuery を使用して Web ページの高さと幅を取得する方法

JavaScript と jQuery はフロントエンド開発で広く使用されており、JQuery と JavaScript を使用して Web ページの高さと幅を取得する方法を説明します。 Ai Xueがあなたを助けることができます！

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
スクロールされる Web ページの高さ: document.body.scrollTop
スクロールされる Web ページの左側: document.body.scrollLeft
Web ページ本文の上部: window.screenTop
Web ページのテキスト部分の左側: window.screenLeft
画面解像度: window.screen.height
画面解像度の幅: window.screen.width
利用可能な画面の作業領域の高さ: window.availHeight
利用可能な作業領域の幅画面: window.screen.availWidth

jquery

ブラウザの表示領域の高さを取得します: (window).height( );ブラウザ表示領域: (window).height(); ブラウザ表示領域の幅を取得: (window).width();
ページのドキュメントの高さを取得: (document).height() ;ページのドキュメント幅: (document).height(); ページのドキュメント幅を取得: (document).width();
スクロール バーの上部までの垂直高さを取得: (document).scrollTop (); 左側のスクロール バーの垂直幅を取得します: (document).scrollTop(); 左側のスクロール バーの垂直幅を取得します: (document).scrollLeft(); offset
offset メソッドは、パック セットの最初の要素のオフセット情報を返す便利なメソッドです。デフォルトでは、ボディに対するオフセット情報です。結果には、top と left という 2 つの属性が含まれます。
offset(options, results)
options.relativeTo 相対計算オフセット位置の祖先要素を指定します。この要素は相対的または絶対的に配置する必要があります。省略した場合は、本体に対する相対値となります。
options.scroll スクロール バーを含めるかどうか、デフォルトは TRUE
options.padding パディングを含めるかどうか、デフォルトは false
options.margin マージンを含めるかどうか、デフォルトは true
options .border 境界線を含めるかどうか、デフォルトは true

以上がJavaScript と jQuery を使用して Web ページの高さと幅を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。