jsでウィンドウサイズを取得するために一般的に使用されるプロパティは何ですか?

window.innerHeight(innerWidth): 表示領域の高さ(幅)を示します。下部(右)にスクロールバーがある場合は、下部(右)のスクロールバーの高さ(幅)が計​​算されます。 この方法は標準ブラウザと IE9 以降に適用できます。

document.documentElement.clientHeight(clientWidth): 表示領域の高さ (幅) を示します。 このメソッドは、標準のブラウザーと以前のバージョンのブラウザーに適しています。 IE標準モード。

document.documentElement.offsetHeight(offsetWidth): まず、offsetWidth は clientWidth と同じ値を取得し、offsetHeight はドキュメント全体の高さを取得します。

注:
個人的には、上記の documentElement は本文を表していないと思います。要素に境界線がある場合、element.offsetHeight には境界線の値が含まれますが、element.clientHeight には境界線の幅は含まれません。

document.documentElement.scrollHeight(scrollWidth): エッジの幅を含む、Web ページ本文の完全なテキストの高さと幅を取得します。

document.body.clientHeight(clientWidth): まず、clientWidthで取得した値はdocument.documentElement.offsetWidthボディの端の幅を切り落とし、clientHeightはボディ全体の高さからエッジの幅を引いた値を取得します。 。

document.body.offsetHeight(offsetWidth): 取得される値は、document.body.clientHeight(clientWidth)に本文の境界線の幅を加えたもの、つまり、次によって取得される含まれる境界線の幅に等しいです。これら 2 つの値。

document.body.scrollHeight(scrollWidth): Web ページ本文の完全なテキストの高さと幅 (エッジの幅を含む) を取得します。

document.body.scrollTop(scrollLeft): ブラウザウィンドウの上部とドキュメントの上部の間の距離 (ブラウザウィンドウとドキュメントの左側の間の距離)、スクロールの距離ですバースクロール。

window.pageYOffset (pageXOffset): ブラウザ ウィンドウの上部とドキュメントの上部の間の距離 (ブラウザ ウィンドウとドキュメントの左側の間の距離)。スクロール バーがスクロールする距離です。 。

window.screen.height(width): 画面解像度の高さ(幅)。

window.screen.availHeight(availWidth): 画面の利用可能な作業領域の高さ(幅)。

offsetTop、clientTop、scrollTopがそれぞれ何を表すかを説明しましょう:

offsetTop:上部または上部コントロールからの位置、整数、単位ピクセル。

clientTop:要素のコンテンツ領域と要素の端の間の距離、つまり要素の端の幅。

scrollTop:要素ウィンドウの上部と要素の上部の間の距離、つまり要素内のスクロールバーの距離。

以上がjsでウィンドウサイズを取得するために一般的に使用されるプロパティは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。