Я вижу, что эти термины используются взаимозаменяемо как глобальная среда для DOM. В чем разница (если она есть) и когда мне следует использовать каждый из них?

Windowявляется основным корнем объекта JavaScript, также называемым global objectв браузере, также может рассматриваться как корень объектной модели документа. Вы можете получить к нему доступ какwindow

window.screenили просто screenнебольшой информационный объект о физических размерах экрана.

window.documentили просто documentявляется основным объектом потенциально видимой (или еще лучше: визуализированной) объектной модели / DOM документа.

Поскольку windowэто глобальный объект, вы можете ссылаться на любые его свойства только с помощью имени свойства - так что вам не нужно записывать window.- он будет вычислен во время выполнения.

Ну, окно - это первое, что загружается в браузер. Этот оконный объект имеет большинство свойств, таких как длина, innerWidth, innerHeight, name, если он был закрыт, его родительские элементы и многое другое.

А как насчет объекта документа тогда? Объект документа - это ваш html, aspx, php или другой документ, который будет загружен в браузер. Документ на самом деле загружается внутри объекта окна и имеет доступные ему свойства, такие как заголовок, URL, cookie и т. Д. Что это действительно означает? Это означает, что если вы хотите получить доступ к свойству для окна, это window.property, если это документ, это window.document.property, который также доступен в сокращении как document.property.

Это кажется достаточно простым. Но что происходит, когда вводится IFRAME?

• Смотрите больше на: http://eligeske.com/jquery/what-is-the-difference-between-document-and-window-objects-2/#sthash.CwLGOk9c.dpuf

Вкратце, с более подробной информацией ниже,

• window это контекст выполнения и глобальный объект для JavaScript этого контекста
• document содержит DOM, инициализированный при разборе HTML
• screen описывает полный экран физического дисплея

См W3C и Mozilla ссылки на подробную информацию об этих объектах. Самые основные отношения между этими тремя в том , что каждая вкладка браузера имеет свой собственный window, и windowимеет window.documentи window.screenсвойства. Вкладки браузера windowявляются глобальным контекстом, поэтому documentи screenссылаются на window.documentи window.screen. Более подробная информация о трех объектах приведена ниже, следуя JavaScript Фланагана: Полное руководство .

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объект для визуализации. Эти объекты частично запутываются, потому что HTML-элементы добавляются в глобальный объект при назначении уникального идентификатора. Например, во фрагменте HTML

<body>
  <p id="holyCow"> This is the first paragraph.</p>
</body>

На элемент абзаца можно ссылаться любым из следующих:

• window.holyCow или window["holyCow"]
• document.getElementById("holyCow")
• document.body.firstChild
• document.body.children[0]

screen

У windowобъекта также есть screenобъект со свойствами, описывающими физическое отображение:

• свойства экрана widthи heightполный экран

• Свойства экрана availWidthи availHeightопустить панель инструментов

Часть экрана, отображающая визуализированный документ, является областью просмотра в JavaScript, что может сбивать с толку, потому что мы называем часть экрана приложения окном, когда говорим о взаимодействии с операционной системой. getBoundingClientRect()Способ по любому documentэлементу будет возвращать объект с top, left, bottom, и rightсвойством , описывающее местоположение элемента в окне просмотра.

windowЯвляется фактическим глобальным объектом.

screen экран, он содержит свойства отображения пользователя.

Это documentгде DOM.

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...

Окно - это первое, что загружается в браузер. Этот оконный объект имеет большинство свойств, таких как длина, innerWidth, innerHeight, name, если он был закрыт, его родительские элементы и многое другое.

Объект документа - это ваш html, aspx, php или другой документ, который будет загружен в браузер. Документ на самом деле загружается внутри объекта окна и имеет доступные ему свойства, такие как заголовок, URL, cookie и т. Д. Что это действительно означает? Это означает, что если вы хотите получить доступ к свойству для окна, то это window.property, если это документ, это window.document.property, который также доступен кратко как document.property.

• Смотрите больше на: http://eligeske.com/jquery/what-is-the-difference-between-document-and-window-objects-2/#sthash.CVkTMIL7.dpuf