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

Question

В моем веб-приложении мне нужно использовать высоту окна браузера & Ширина. Поэтому я использовал Screen.Width, Screen.Height свойства в JavaScript, чтобы получить ширину & Высота. В то время как я занимаюсь серфингом, я получил еще одно свойство: Window.Width, Window.Height. Может кто-нибудь сказать мне, какое свойство дает мне размер окна браузера ..... Экран (или) Окно?

Answer 1

Нет Screen объект, это фактически window.screen.

A window объект (полученный через document.defaultView) возвращает информацию обоим окном и окном просмотра. Чтобы получить размер окна приложения, используйте window.outerHeight, чтобы получить размер области просмотра window.innerHeight.

Объект screen относится к фактическому размеру окна монитора или рабочего стола. Обратите внимание, что если у вас установлена ​​многопользовательская настройка, у вас будет несколько объектов screen. A window объект принадлежит к одному screen, хотя и не очень window принадлежит к тому же screen. Я не знаю, что произойдет, когда окно браузера охватывает несколько screen.

Из всего этого вы можете определить, что если вы используете полноэкранный браузер, то window.outerHeight == window.innerHeight == screen.height.

Источник: https://developer.mozilla.org/en-US/docs/DOM/window.screen и https://developer.mozilla.org/en-US/docs/DOM/window

Answer 2

What is the difference between window, screen, and document in Javascript? в значительной степени такой же вопрос. Перефразируя принятый ответ и добавив некоторую информацию, которую я считаю, она может использовать:

window в корневом объекте. Любые переменные или функции, которые вы определяете, каким-то образом являются дочерними элементами объекта window. Так что если вы делаете var something="blah" в теге скрипта, вы можете позже получить доступ к этой переменной тремя способами - something, window.something или window["something"].

screen является одним из дочерних элементов окна, созданного браузером. однако по той же причине, что вы можете получить window.something как something, вы можете получить к нему доступ либо как window.screen, либо screen. Это содержит свойства фактического экрана, и именно там я хотел бы получить нужные вам данные (если у вас нет доступа к инфраструктуре, например, jQuery или Prototype, и в этом случае они могут, вероятно, предоставить вам эту информацию, не опасаясь совместимости с браузером).

Answer 3

screen.height дает высоту экрана монитора.
screen.width дает вам ширину экрана монитора.

window.height дает вам высоту окна вашего браузера.
window.width дает вам ширину окна вашего браузера.

Answer 4

Если вы используете компьютер, например, и хотите, чтобы получить разрешение экрана, то вы будете использовать

window.screen.width и window.screen.height свойства.

Недвижимость window.outerWidth Ширина браузера с обоями ширина обоев включая.
Недвижимость window.outerHeight возвращает высоту браузера с высотой заголовка, высотой адресной строки и нижней границей окна браузера прилагается.

Недвижимость window.innerWidth соответствует ширине браузера, но ширина боковой границы браузера: не включен.
Свойство window.innerHeight возвращает высоту вашего браузера, но высота строки заголовка, высота адресной строки и высота нижней границы браузера: не включен.

Если вы используете эти свойства в пределах , то window.innerHeight и window.innerWidth вернет ширину и высоту этого .