Чем окно JavaScript и документ JavaScript отличаются друг от друга?

Опубликовано: 11 Августа, 2022

Что такое окно JavaScript?

Окно находится на корневом/верхнем уровне иерархии объектов JavaScript. Это глобальный/корневой объект в JavaScript и корневой объект объектной модели документа (DOM);

Что такое документ JavaScript?

Документ — это объект внутри объекта окна, и мы используем объект документа для манипуляций внутри документа.

Первое, что загружается в браузер, — это окно, и свойства, связанные с этим окном, сохраняются в объекте окна. Свойства, относящиеся к оконным объектам, включают длину, внутреннюю ширину, внутреннюю высоту, кэши и т. д.

Был еще объект документа, так что с ним тогда?

Таким образом, после загрузки окна внутри этого окна загружается документ (HTML, PHP или другой документ), и свойства, связанные с этим документом, сохраняются в объекте документа. Свойства, относящиеся к объектам документа, — это заголовок, URL-адрес, файл cookie и т. д.

Синтаксис:

  • оконный объект:
window.propertyname;
  • объект документа:
document.propertyname
// OR
window.document.propertyname

Пример 1: Сфокусируйтесь на объекте окна.

Выход:

Пример 2. Сосредоточьтесь на объекте документа.

Выход:

Документ

Окно

Он представляет собой документ, загруженный в окно или браузер. Он представляет собой окно браузера, в котором вы видите контент.
Связанные с ним свойства хранятся в объекте документа. Связанные с ним свойства хранятся в объекте окна.
Он загружается после окна загрузки, потому что окно содержит документ. Он загружается перед документом, потому что документ оконного контейнера.
Это корневой элемент объектной модели документа. Окно является глобальным элементом для всех объектов, функций и т. д.
Это объект окна. Это объект браузера.
Мы не можем получить доступ к свойствам объектов Windows внутри документа. Мы можем получить доступ к свойствам объекта документа внутри окна.

логически:

свойства документа}

логически:

окно:{
свойства документа}
}

Пример: document.title вернет заголовок документа. Пример: window.document.title вернет заголовок документа.