$（ウィンドウ）.width（）と$（ドキュメント）.width（）の相違点

Question

$(window).width()とjreryの$(document).width()の主な違いは何ですか？ ウィンドウがブラウザを表し、文書がHTMLページの本文を表しているかどうか？私は正しいですか？ documentation of width()から

Answer 1

：

また、このメソッドは、ウィンドウやドキュメントの幅を見つけることができます。デモで

$(window).width(); // returns width of browser viewport 
$(document).width(); // returns width of HTML document 

Simple jsFiddle Demo

、私は、ビューポートより大きくなる、html { width: 1000px; }を設定しています。

HTMLページの本文の幅は3番目の値です。 $('body').width()も、他の2つとは異なる場合があります（たとえば、body { margin: 100px; }を試してください）。

Answer 2

はい - ウィンドウの幅はブラウザウィンドウの幅で、ドキュメントの幅はウェブページの幅です。

Answer 3

あなたは正しいですか？ windowはブラウザの表示可能領域です。 documentは、ページの実際の本文です。だからあなたのdocumentは遠くwindow

Answer 4

$(window).width();を超えて拡張することができ、HTML文書

$(document).width()の

$(document).width();戻り幅は、フルスクリーンのために低い値が得られ、ビット信頼性の低いブラウザのビューポートの幅を返します。ブラウザ。 $（window）.width（）はより安全です。

$(window).width()は、スクロールバーのようなものを含め、ウィンドウの幅全体を取得します。

Answer 5

まあ、windowは、ブラウザに読み込まれる最初のものです。それは、その親を閉じ、そして よりれている場合 このwindowオブジェクトは、length、 innerWidthのような性質の大部分を持っているinnerHeight、name。

ドキュメントオブジェクトはどうなりますか？

documentオブジェクトは、 ブラウザに読み込まれるhtmlドキュメントです。 documentは実際にwindowオブジェクト の中にロードされ、タイトル、URL、クッキーなどのプロパティを利用できます。 これは実際には何を意味しますか？それはあなたが windowのプロパティにアクセスしたい場合は、それが document.propertyと短いにも利用可能である window.document.propertyあるdocumentであれば、それは、window.propertyであることを意味します。

結論として、ドキュメントはウィンドウより小さくなる可能性があります。

FROM：http://eligeske.com/jquery/what-is-the-difference-between-document-and-window-objects-2/

Answer 6

もう一つの重要な違い。文書負荷が/

$(document).width();

準備ができる前に

$(window).width();が利用可能である文書が第二のためにそう

をロードした後、あなたが説明してください可能性が

$(document).ready(function() { 
    var w = $(document).width(); 
});