JavaScript教程-JavaScript Screen 对象

JavaScript的屏幕对象（Screen Object）保存了有关浏览器屏幕的信息。它可用于显示屏幕的宽度、高度、colorDepth、pixelDepth等。

屏幕对象是window对象的属性，因此有两种访问方式：

1. window.screen
2. screen

JavaScript屏幕对象的属性

屏幕对象有许多属性，用于返回浏览器屏幕的信息。

序号	属性	描述
1	width	返回屏幕的宽度。
2	height	返回屏幕的高度。
3	availWidth	返回可用的屏幕宽度。
4	availHeight	返回可用的屏幕高度。
5	colorDepth	返回屏幕的颜色位数。
6	pixelDepth	返回屏幕的像素位数。

JavaScript屏幕对象的示例

让我们看看如何使用屏幕对象来获取不同的信息。

<script>
  document.writeln("<br/>screen.width: " + screen.width);
  document.writeln("<br/>screen.height: " + screen.height);
  document.writeln("<br/>screen.availWidth: " + screen.availWidth);
  document.writeln("<br/>screen.availHeight: " + screen.availHeight);
  document.writeln("<br/>screen.colorDepth: " + screen.colorDepth);
  document.writeln("<br/>screen.pixelDepth: " + screen.pixelDepth);
</script>

输出结果：

screen.width: 1366
screen.height: 768
screen.availWidth: 1366
screen.availHeight: 728
screen.colorDepth: 24
screen.pixelDepth: 24