在我的 Web 应用程序中,我需要使用浏览器窗口的高度和宽度。所以我在 JavaScript 中使用了 Screen.Width , Screen.Height 属性来获取宽度和高度。在冲浪时,我获得了另一个属性,如 Window.Width 和 Window.Height。谁能告诉我,哪个属性给我浏览器窗口的大小......屏幕(或)窗口?
最佳答案
screen
实际上是 window.screen
因为 window
是全局变量的上下文。
window
对象(通过 document.defaultView
获得)返回有关窗口和视口(viewport)的信息。要获取应用程序窗口大小,请使用 window.outerHeight
,要获取视口(viewport)大小,请使用 window.innerHeight
。
screen
对象是指实际的监视器窗口或桌面大小。请注意,如果您有一个多监视器设置,那么您将有多个 screen
对象。一个 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
关于javascript - 屏幕和窗口属性之间的区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16162639/