ホームページ > ウェブフロントエンド > jsチュートリアル > ページと要素の高さと幅を取得するための js コード_javascript スキル

ページと要素の高さと幅を取得するための js コード_javascript スキル

WBOY
リリース: 2016-05-16 15:03:45
オリジナル
2037 人が閲覧しました

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 ページがスクロールされる高さ (ff): document.body.scrollTop; Web ページがスクロールされる高さ (すなわち): document.documentElement.scrollTop; スクロール中の Web ページの左側: document.body.scrollLeft; Web ページの本文: window.screenTop; Web ページのテキストの左側の部分: window.screenLeft; 要素の幅: obj.offsetWidth;
要素の高さ: obj.offsetHeight;
要素の上端から本文の上部までの距離: obj.offsetTop (含まれる要素にスクロール バーが含まれない場合)
要素の左端から本文の左端までの距離: obj.offsetLeft (含まれる要素にスクロール バーが含まれていない場合)
現在の要素の上端からその要素を含む要素の上端までのオフセットを返します: obj.offsetTop (要素を含む要素にスクロール バーが含まれる場合)
現在の要素の左端からその要素を含む要素の左端までのオフセットを返します: obj.offsetLeft (要素を含む要素にスクロール バーが含まれる場合)


scrollTop、scrollLeft


要素の左端または上端までスクロールされたピクセル数を設定または返します。これらのピクセルは、要素にスクロールバーがある場合、たとえば要素の CSS オーバーフロー プロパティが auto に設定されている場合にのみ役立ちます。これらのプロパティもドキュメントの または タグ (これはブラウザに依存します) でのみ定義され、スクロールするドキュメントの位置を指定します。これらのプロパティは、