В чем разница между окном, экраном и документом в Javascript?
Ответы:
Windowявляется основным корнем объекта JavaScript, также называемым global objectв браузере, также может рассматриваться как корень объектной модели документа. Вы можете получить к нему доступ какwindow
window.screenили просто screenнебольшой информационный объект о физических размерах экрана.
window.documentили просто documentявляется основным объектом потенциально видимой (или еще лучше: визуализированной) объектной модели / DOM документа.
Поскольку windowэто глобальный объект, вы можете ссылаться на любые его свойства только с помощью имени свойства - так что вам не нужно записывать window.- он будет вычислен во время выполнения.
windowс окном просмотра . A window- это объект JavaScript для вкладки браузера или <iframe>(или устаревший <frame>). Окно просмотра - это прямоугольник визуализированного вида documentна вкладке или в рамке.
Ну, окно - это первое, что загружается в браузер. Этот оконный объект имеет большинство свойств, таких как длина, innerWidth, innerHeight, name, если он был закрыт, его родительские элементы и многое другое.
А как насчет объекта документа тогда? Объект документа - это ваш html, aspx, php или другой документ, который будет загружен в браузер. Документ на самом деле загружается внутри объекта окна и имеет доступные ему свойства, такие как заголовок, URL, cookie и т. Д. Что это действительно означает? Это означает, что если вы хотите получить доступ к свойству для окна, это window.property, если это документ, это window.document.property, который также доступен в сокращении как document.property.
Это кажется достаточно простым. Но что происходит, когда вводится IFRAME?
Вкратце, с более подробной информацией ниже,
windowэто контекст выполнения и глобальный объект для JavaScript этого контекстаdocumentсодержит DOM, инициализированный при разборе HTMLscreenописывает полный экран физического дисплея
См 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давая текущий URLhistoryс методами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.firstChilddocument.body.children[0]
screen
У windowобъекта также есть screenобъект со свойствами, описывающими физическое отображение:
свойства экрана
widthиheightполный экранСвойства экрана
availWidthиavailHeightопустить панель инструментов
Часть экрана, отображающая визуализированный документ, является областью просмотра в JavaScript, что может сбивать с толку, потому что мы называем часть экрана приложения окном, когда говорим о взаимодействии с операционной системой. getBoundingClientRect()Способ по любому documentэлементу будет возвращать объект с top, left, bottom, и rightсвойством , описывающее местоположение элемента в окне просмотра.
window.onloadиспользования объекта документа?
windowЯвляется фактическим глобальным объектом.
screen экран, он содержит свойства отображения пользователя.
Это documentгде DOM.
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...
Окно - это первое, что загружается в браузер. Этот оконный объект имеет большинство свойств, таких как длина, innerWidth, innerHeight, name, если он был закрыт, его родительские элементы и многое другое.
Объект документа - это ваш html, aspx, php или другой документ, который будет загружен в браузер. Документ на самом деле загружается внутри объекта окна и имеет доступные ему свойства, такие как заголовок, URL, cookie и т. Д. Что это действительно означает? Это означает, что если вы хотите получить доступ к свойству для окна, то это window.property, если это документ, это window.document.property, который также доступен кратко как document.property.