В чём разница между объектами Window и Document?

Question

Accepted Answer

## Иерархия

- **`Window`** — окно браузера (глобальный объект в браузере): размер, история, таймеры, `fetch`, `localStorage`, …
- **`Document`** — документ внутри окна: DOM-дерево страницы, селекторы, создание узлов.

`window.document` — связь «окно → страница».

---

## Примеры зон ответственности

```js
window.innerWidth;          // viewport
window.location.href;       // URL
window.history.back();

document.querySelector("h1");
document.title;
document.createElement("div");
```

Многие свойства `window` доступны без префикса (`setTimeout`, `document`) — это глобальная область браузера.

---

## Как отвечать

1. Window = окружение вкладки/фрейма.
2. Document = содержимое HTML/DOM.
3. Манипуляции разметкой — через `document`; навигация/глобальные API — через `window`.

**Итог:** Window управляет «браузерным контекстом», Document — «деревом страницы».