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

Question

screen.widthJavaScript和JavaScript有什么区别screen.availwidth？

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

Answer 1

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

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

如果您正在将东西绘制到视口，您应该使用availWidth/availHeight来确定东西是否不在视口等。请务必重新计算窗口调整大小，否则您将不知道侧面板何时关闭。

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

来源。

Answer 2

• window.screen.width-> 返回屏幕的宽度。

• window.screen.availWidth-> 返回窗口可用的水平空间量（以像素为单位）。

最好使用screen.availWidth我们的组件示例可用的确切尺寸。

Answer 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 ==所有高度

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