screen.width和screen.availwidth在javascript中的区别

Question

JavaScript中screen.width和screen.availwidth之间的区别是什么？

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

Answer 1

有些东西阻挡了你的一些视口，例如历史/书签侧面板。这包括任务栏，除非它在Autohide上

然后window.screen.width != window.screen.availWidth。 ：）

如果要向视口绘制内容，则应使用availWidth / availHeight来确定事物是否在视口外等。请务必重新计算窗口大小调整，否则您将无法知道当侧板关闭时。

  

请注意，并非窗口本身可以使用此属性给出的所有宽度。当其他小部件占用窗口对象无法使用的空间时，window.screen.width和window.screen.availWidth会有所不同。

Source

Answer 2

window.screen.width - ＆gt;返回屏幕的宽度。

window.screen.availWidth - ＆gt;返回窗口中可用像素的水平空间量。

最好将availWidth用于我们的组件示例可用的确切大小。

Answer 3

一个例子可能有助于理解以下之间的区别：
screen.width 和 screen.availWidth
screen.height 和 screen.availHeight

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

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

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

对于 screen.width 和 screen.availWidth 的推理是相同的。