Разница между окном, документом и экраном в JavaScript?

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

Объект window представляет текущий контекст просмотра. Он содержит такие вещи, как window.location, window.history, window.screen, window.status или window.document. Каждая вкладка браузера имеет собственный объект окна верхнего уровня. Каждое из этих окон получает свой отдельный глобальный объект. window.window всегда ссылается на окно, но window.parent и window.top могут ссылаться на закрывающиеся окна, предоставляя доступ к другим контекстам выполнения. Кроме того, свойство window объекта window указывает на сам объект окна. Таким образом, следующие ststements возвращают один и тот же объект окна:

 
window.window
window.window.window
window.window.window.window
...

Документ

Интерфейс Document представляет любую веб-страницу, загруженную в браузере, и служит точкой входа в контент веб-страницы, который является деревом DOM. Когда HTML-документ загружается в веб-браузер, он становится объектом документа. Это корневой узел HTML-документа. Документ фактически загружается внутри объекта окна и имеет доступные ему свойства, такие как заголовок, URL, файл cookie и т. Д. Документы HTML, используемые с типом контента «text / html», также реализуют интерфейс HTMLDocument, тогда как документы XML и SVG реализуются интерфейс XMLDocument.

Экран

Экран - это небольшой информационный объект о физических размерах экрана. Его можно использовать для отображения ширины экрана, высоты, colorDepth, pixelDepth и т. Д. Не обязательно писать префикс окна с экранным объектом. Он может быть написан без префикса окна.

Свойства:

 
screen.width
screen.height
screen.availWidth
screen.availHeight
screen.colorDepth
screen.pixelDepth

Источник: http://net-informations.com/js/iq/screen.htm

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Adblock
detector