屏幕和窗口屬性的區別？

Question

在我的Web應用程序中，我需要使用瀏覽器窗口的高度&寬度。所以我用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"，則可以稍後以3種方式訪問​​該變量 - 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

如果您正在使用PC並希望獲得屏幕分辨率，那麼您將使用

window.screen.width和window.screen.height屬性。

屬性window.outerWidth返回與瀏覽器包括的側邊界寬度瀏覽器的寬度。
物業window.outerHeight返回瀏覽器的高度，與標題欄的高度，地址欄的高度和瀏覽器的底部邊框高度包括。

物業window.innerWidth返回瀏覽器的寬度，但瀏覽器的側邊框寬度不包括。
物業window.innerHeight返回瀏覽器的瀏覽器的高度，但標題欄高度，地址欄的高度和底部邊框高度不包括。

如果您在內使用這些屬性，則window.innerHeight和window.innerWidth將返回該的寬度和高度。