jqueryを使用せずにドキュメントの高さと幅を取得する方法

ドキュメントの高さと幅を純粋に取得する方法 JavaScript つまり、使用せずに jquery。
私が知っている$(document).height()と$(document).width()、私はこれでやってみたいですJavaScript。

ページの高さと幅を意味しました。

var height = document.body.clientHeight;
var width = document.body.clientWidth;

チェック：詳細な説明については、この記事を参照してください 。

http://www.howtocreate.co.uk/tutorials/javascript/browserwindowに示されている最後の例でさえ、Quirksモードでは機能しません。思ったより簡単に見つけることができます。これが解決策のようです（最新のjqueryコードから抽出）。

Math.max(
    document.documentElement["clientWidth"],
    document.body["scrollWidth"],
    document.documentElement["scrollWidth"],
    document.body["offsetWidth"],
    document.documentElement["offsetWidth"]
);

「高さ」の幅を置き換えるだけで高さを取得できます。

これはクロスブラウザソリューションです。

var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

getBoundingClientRect通常はクロスブラウザーで機能し、境界の四角形でサブピクセルの精度が得られるため、使用する必要があります。

elem.getBoundingClientRect()

jQueryなしでドキュメントサイズを取得する

document.documentElement.clientWidth
document.documentElement.clientHeight

画面サイズが必要な場合はこれを使用してください

screen.width
screen.height

あなたも試すことができます：

document.body.offsetHeight
document.body.offsetWidth

これはすべてのブラウザ/デバイスで機能するはずです。

function getActualWidth()
{
    var actualWidth = window.innerWidth ||
                      document.documentElement.clientWidth ||
                      document.body.clientWidth ||
                      document.body.offsetWidth;

    return actualWidth;
}

オーバーフローを含め、ページ全体の幅を取得する場合は、を使用しますdocument.body.scrollWidth。

ドキュメントの幅と高さを簡単に見つける方法は？

HTMLで
<span id="hidden_placer" style="position:absolute;right:0;bottom:0;visibility:hidden;"></span>

JavaScriptで

     var c=document.querySelector('#hidden_placer');

     var r=c.getBoundingClientRect();
     r.right=document width
     r.bottom=document height`

必要に応じて、すべてのウィンドウサイズ変更イベントでこれを更新できます。

windowブラウザのアプリケーションウィンドウ全体です。document実際に読み込まれる、表示されているWebページです。

window.innerWidthそして、window.innerHeightスクロールバーを考慮に入れますが、それはあなたが望むものではないかもしれません。

document.documentElement上部スクロールバーのない完全なWebページです。document.documentElement.clientWidthyスクロールバーなしでドキュメントの幅サイズを返します。 document.documentElement.clientHeightxスクロールバーなしでドキュメントの高さサイズを返します。