JavaScript BOM 学习（二）

JavaScript Window Screen

---

window.screen 对象包含有关用户屏幕的信息。

---

Window Screen

window.screen对象在编写时可以不使用 window 这个前缀。

一些属性：

• screen.availWidth - 可用的屏幕宽度
• screen.availHeight - 可用的屏幕高度

---

Window Screen 可用宽度

screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如窗口任务栏。

实例

返回您的屏幕的可用宽度：

<script>
document.write("可用宽度: " + screen.availWidth);
</script>

以上代码输出为：可用宽度: 1536

---

Window Screen 可用高度

screen.availHeight 属性返回访问者屏幕的高度，以像素计，减去界面特性，比如窗口任务栏。

实例

返回您的屏幕的可用高度：

<script>
document.write("可用高度: " + screen.availHeight);
</script>

以上代码将输出：可用高度: 824

---

其他实例

<script>
document.write("总宽度/高度: ");
document.write(screen.width + "*" + screen.height);
document.write("<br>");
document.write("可用宽度/高度: ");
document.write(screen.availWidth + "*" + screen.availHeight);
document.write("<br>");
document.write("色彩深度: ");
document.write(screen.colorDepth);
document.write("<br>");
document.write("色彩分辨率: ");
document.write(screen.pixelDepth);
</script>

输出：

总宽度/高度: 1536*864
可用宽度/高度: 1536*824
色彩深度: 24
色彩分辨率: 24