В чем разница между window, screen и document в Javascript?

Question

В чем разница между window, screen и document в Javascript?

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

382 6

javascript

6 ответов:

Comments

Ничего не найдено.

Peter Aron Zentai · Accepted Answer · 2017-04-08 14:32:57

Window Это основной корень объекта JavaScript, он же глобальный объект в браузере, также может рассматриваться как корень объектной модели документа. Вы можете получить к нему доступ как window в большинстве случаев (в браузере);

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

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

Arlan T · Accepted Answer · 2015-09-23 21:21:39

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

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

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

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

Niet the Dark Absol · Accepted Answer · 2012-03-27 21:17:53

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

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

The document где находится DOM.

Bennett Brown · Accepted Answer · 2017-02-22 07:46:06

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

window является контекстом выполнения и глобальным объектом для JS этого контекста

document содержит HTML

screen описывает полный экран физического дисплея

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

window

каждая вкладка браузера имеет свой собственный топ-уровня

JKirchartz · Accepted Answer · 2012-03-27 21:30:04

the window содержит все, так что вы можете позвонить window.screen и window.document чтобы получить эти элементы. Проверьте эту скрипку, довольно-печать содержимого каждого объекта:http://jsfiddle.net/JKirchartz/82rZu/

вы также можете увидеть содержимое объекта в firebug / dev tools, как это:
console.dir(window);
console.dir(document);
console.dir(screen);
window это корень всего,screen просто размеры экрана, и document - это верхний объект DOM. так что вы можете думать об этом как window будучи как супер-document...

Manjunath Raddi · Accepted Answer · 2015-04-06 19:25:48

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

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

смотрите дополнительную информацию по адресу: http://eligeske.com/jquery/what-is-the-difference-between-document-and-window-objects-2/#sthash.CVkTMIL7.dpuf