在我的 Web 应用程序中，我需要使用浏览器窗口的高度和宽度。所以我在 JavaScript 中使用Screen.Width 、 Screen.Height属性来获取宽度和高度。在冲浪时，我得到了另一个属性Window.Width ， Window.Height。谁能告诉我，哪个属性给了我浏览器窗口的大小.....屏幕（或）窗口？
问问题
15751 次
3 回答
14
screen实际上是window.screen因为window是全局变量的上下文。
一个window对象（通过 获得document.defaultView）返回有关窗口和视口的信息。获取应用程序窗口大小使用window.outerHeight，获取视口大小使用window.innerHeight。
screen对象是指实际的监视器窗口或桌面大小。请注意，如果您有一个多监视器设置，那么您将有多个screen对象。一个window对象属于一个单一的screen，虽然不是很window属于同一个screen。我不知道当浏览器窗口跨越多个screens 时会发生什么。
从这一切中，您可以确定如果您正在运行全屏浏览器，那么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
于 2013-04-23T06:47:41.953 回答
11
- 窗口.屏幕.高度
- 窗口.屏幕.宽度
- 屏幕或显示器的高度/宽度（以像素为单位）
- window.screen.availHeight
- window.screen.availWidth
- 屏幕或显示器的高度/宽度，以像素为单位，减去操作系统显示的永久或半永久用户界面功能，例如 Windows 上的任务栏或智能手机上的设备状态栏
- window.innerHeight
- window.innerWidth
- 浏览器窗口内容区域的高度/宽度，包括（如果呈现）水平/垂直滚动条
- window.outerHeight
- window.outerWidth
- 浏览器窗口外部的高度/宽度
于 2013-04-23T07:00:06.077 回答
1
Javascript中的窗口，屏幕和文档有什么区别？几乎是同一个问题。解释接受的答案并添加一些我认为可以使用的信息：
window在根对象中。您定义的任何变量或函数在某种程度上都是对象的子window对象。因此，如果您var something="blah"在脚本标记中执行此操作，您以后可以通过 3 种方式访问该变量something-window.something或window["something"].
screen是由浏览器创建的 window 的子级之一。window.something但是，出于与您可以访问as相同的原因，您可以使用或something访问它。这包含实际屏幕的属性，我会在其中获取您想要的详细信息（除非您可以访问 jQuery 或 Prototype 之类的框架，在这种情况下，他们可能会为您提供这些信息而无需担心浏览器兼容性）。window.screenscreen
于 2013-04-23T06:46:47.987 回答