javascript中screen.width和screen.availwidth的区别答案

【问题标题】：screen.width and screen.availwidth difference in javascriptjavascript中screen.width和screen.availwidth的区别
【发布时间】：2011-07-24 07:36:16
【问题描述】：

JavaScript 中的screen.width 和screen.availwidth 有什么区别？

在我的系统上两者都是一样的！

【问题讨论】：

标签： javascript width screen-resolution

【解决方案1】：

有些东西会挡住您的某些视口，例如历史记录/书签侧面板。这包括任务栏，除非它在自动隐藏上

然后window.screen.width != window.screen.availWidth。 :)

如果你正在向视口绘制东西，你应该使用availWidth / availHeight 来确定东西是否在视口之外等。一定要重新计算窗口调整大小，否则你将不知道侧面板什么时候有已关闭。

请注意，并非此属性给出的所有宽度都可用于窗口本身。当其他widget占用window对象无法使用的空间时，window.screen.width和window.screen.availWidth是有区别的。

Source.

【讨论】：

【解决方案2】：

window.screen.width -> 返回屏幕的宽度。
window.screen.availWidth -> 以像素为单位返回可用到窗口的水平空间量。

最好使用screen.availWidth 来获取我们组件示例可用的确切大小。

【讨论】：

【解决方案3】：

一个例子可能有助于理解：
screen.width 和 screen.availWidth
screen.height 和 screen.availHeight

在 Windows XP/7/ecc 中。有一个东西叫任务栏。
任务栏是开始按钮/时钟等的位置。
任务栏通常位于屏幕底部。

案例 1
我们的浏览器最大化了，我们可以看到浏览器下的Windows任务栏。
window.outerHeight == screen.availHeight == 所有高度减去任务栏

案例 2
我们的浏览器是全屏的（通常是按 F11），我们看不到 Windows 任务栏。
window.outerHeight == screen.height == all高度

对于 screen.width 和 screen.availWidth 推理是一样的。

【讨论】：