documentとwindowの違い

Question

javascriptの$(document).width()(或いはheight())と$(window).width()の違いは、documentがページ全体の長さと幅でスクロールバーは含まず、windowがさきほどのdocumentに加えメニューバーやスクロールバー、アドレスバーも含む、つまりブラウザそのものと認識しておりますが合っていますか。

Answer 1

そもそもなんですが、windowとdocumentはjavascriptが持っているオブジェクトです。

ある意味質問者様がおっしゃっている

javascriptのdocumentとwindowの違いは、documentがページ全体の長さと幅でスクロールバーは含まない、windowがdocumentに加えメニューバーやスクロールバー、アドレスバーも含むブラウザそのものと認識しておりますが合っていますか。

windowにはwindowを操るもの、documentにはhtmlのdocument自体を操るようなものが入っています！
例えば
windowには
window.location（urlの値を取得する）
window.document（話題に上がっているdocumentはwindowが持っているもの）
window.alert（アラートも実はwindowオブジェクト）
window.screen（windowのスクリーンサイズを出す）
window.history（閲覧履歴などを取得する）

などといった、ブラウザのwindowで出来ることや持っているプロパティを参照することができます。

また、documentオブジェクトは、htmlが持っていることなどが取得できます。
document.getElementById(htmlの中にあるidを取得)
document.querySelectorsAll(htmlの中にあるclassを取得)

とかですね！
なので質問者様がおっしゃっていることはあっているのですが、それは一部分で他にも沢山機能があります！
よかったら調べてみてください！

Comments

[aaaaaaaa]

ご回答有難うございます。
申し訳ありません。質問文に不備がありましたので修正しました。

合っているということは、修正後の質問文でも特に間違いはないということでしょうか。

[MasakazuFukami]

その認識で問題ないと思いますよ！