javascript - 屏幕和窗口属性之间的区别?

标签 javascript asp.net web-applications

在我的 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.screenhttps://developer.mozilla.org/en-US/docs/DOM/window

关于javascript - 屏幕和窗口属性之间的区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16162639/

相关文章:

ASP.NET MVC url搜索参数不带问号

web-applications - URL slug 的理想长度是多少

javascript - 不能居中div

javascript - 服务器端的动态按钮/动态按钮容器

Javascript 保持模态隐藏

javascript - RadGrid - 从客户端的特定单元格获取对象

ajax - View 应该由应用程序呈现,还是静态站点应该使用 AJAX 联系 API?

ios - 备用图标 - 禁用图标更改警报(更新)

javascript - 使用 ember-data 创建新记录并提交事务

javascript - JQuery 验证器自定义错误放置不起作用