JavaScriptのウィンドウ、画面、ドキュメントの違いは何ですか？
回答:
Windowglobal objectブラウザのメインJavaScriptオブジェクトルート、別名は、ドキュメントオブジェクトモデルのルートとしても扱うことができます。次のようにアクセスできますwindow
window.screenまたはscreen、物理的な画面サイズに関する小さな情報オブジェクトです。
window.documentまたは単にdocument表示される可能性のある（または、より良いのは、レンダリングされた）ドキュメントオブジェクトモデル/ DOMのメインオブジェクトである
windowはグローバルオブジェクトなので、プロパティ名だけでそのプロパティを参照できwindow.ます。書き留める必要はありません-ランタイムによって認識されます。
windowして、ビューポート。A windowは、ブラウザータブまたは<iframe>（または非推奨<frame>）のJavaScriptオブジェクトです。ビューポートがレンダリングさの長方形であるdocumentタブまたはフレーム内に見られます。
まあ、ウィンドウはブラウザに読み込まれる最初のものです。このウィンドウオブジェクトには、length、innerWidth、innerHeight、name、閉じている場合の名前、親などのプロパティの大部分があります。
では、ドキュメントオブジェクトはどうでしょうか。ドキュメントオブジェクトは、ブラウザに読み込まれるhtml、aspx、php、またはその他のドキュメントです。ドキュメントは実際にはウィンドウオブジェクト内に読み込まれ、タイトル、URL、Cookieなどのプロパティを利用できます。これは本当に何を意味するのでしょうか。つまり、ウィンドウのプロパティにアクセスする場合はwindow.propertyであり、ドキュメントの場合はwindow.document.propertyであり、これはdocument.propertyとしても使用できます。
それは十分に簡単に思えます。しかし、IFRAMEが導入されるとどうなりますか？
簡単に言えば、以下でより詳細に、
window実行コンテキストとそのコンテキストのJavaScriptのグローバルオブジェクトdocumentHTMLの解析により初期化されたDOMを含みますscreen物理ディスプレイの全画面を説明します
参照してくださいW3CとMozillaのこれらのオブジェクトの詳細については言及を。3の中で最も基本的な関係は、各ブラウザのタブは独自のを持っていることであるwindow、とwindowありwindow.documentとwindow.screen性質。ブラウザタブのwindowグローバルな文脈で、そうdocumentとscreenを参照してくださいwindow.documentとwindow.screen。FlanaganのJavaScript：Definitive Guideに従って、3つのオブジェクトの詳細を以下に示します。
window
各ブラウザタブには、独自のトップレベルのwindowオブジェクトがあります。各<iframe>（および非推奨の<frame>）要素にwindowも、親ウィンドウ内にネストされた独自のオブジェクトがあります。これらのウィンドウはそれぞれ独自のグローバルオブジェクトを取得します。window.window常にを指しwindowますが、window.parentとwindow.top窓を囲むを参照してください可能性がある、他の実行コンテキストへのアクセスを与えます。以下に加えてdocument、screen以下に説明するwindowプロパティには、
setTimeout()そしてsetInterval()、タイマーにイベントハンドラをバインドlocation現在のURLを与えるhistoryメソッドback()とforward()タブの変更可能な履歴を与えるnavigatorブラウザソフトウェアの説明
document
各windowオブジェクトには、documentレンダリングされるオブジェクトがあります。一意のIDが割り当てられると、HTML要素がグローバルオブジェクトに追加されるため、これらのオブジェクトは一部混乱します。たとえば、HTMLスニペットで
<body>
<p id="holyCow"> This is the first paragraph.</p>
</body>
段落要素は、次のいずれかによって参照できます。
window.holyCowまたはwindow["holyCow"]document.getElementById("holyCow")document.body.firstChilddocument.body.children[0]
screen
windowオブジェクトはまた、持っているscreen物理的なディスプレイを記述するプロパティを持つオブジェクト。
画面のプロパティ
widthとheightフルスクリーンです画面のプロパティ
availWidthとavailHeightツールバーを省略
レンダリングされたドキュメントを表示する画面の部分はJavaScript のビューポートであり、オペレーティングシステムとの対話について話すとき、画面のアプリケーションの部分をウィンドウと呼ぶため、混乱を招く可能性があります。getBoundingClientRect()任意の方法document要素が持つオブジェクトが返されtop、left、bottom、及びright特性は、ビューポート内の要素の位置を記述する。
window.onloadドキュメントオブジェクトを使用するのと同等の手順があります。
window実際のグローバルオブジェクトです。
これscreenは画面であり、ユーザーの表示に関するプロパティが含まれています。
documentDOMがどこにあるかです。
documentすることもできるwindow.document、screenとすることができるwindow.screen、とwindowすることができるwindow.window（又はwindow.window.window）:-P
windowは、がグローバル変数であるため、グローバルwindowオブジェクトのプロパティになるためです。:-)
windowあなたが呼び出すことができるように、すべてのものが含まれていますwindow.screenし、window.documentそれらの要素を取得します。このフィドルをチェックして、各オブジェクトの内容をきれいに印刷してください：http : //jsfiddle.net/JKirchartz/82rZu/
次のように、firebug / devツールでオブジェクトの内容を確認することもできます。
console.dir(window);
console.dir(document);
console.dir(screen);
windowすべてのルートであり、screen画面の寸法を持ち、document最上位のDOMオブジェクトです。あなたはそれをwindowスーパーのようなものと考えることができますdocument...
ウィンドウは、ブラウザに読み込まれる最初のものです。このウィンドウオブジェクトには、length、innerWidth、innerHeight、name、閉じている場合の名前、親などのプロパティの大部分があります。
ドキュメントオブジェクトは、ブラウザに読み込まれるhtml、aspx、php、またはその他のドキュメントです。ドキュメントは実際にはウィンドウオブジェクト内に読み込まれ、タイトル、URL、Cookieなどのプロパティを使用できます。これは実際に何を意味するのでしょうか。つまり、ウィンドウのプロパティにアクセスする場合はwindow.propertyであり、ドキュメントの場合はwindow.document.propertyであり、document.propertyとしても使用できます。