极客笔记JavaScript Screen对象
JavaScript screen对象 保存了浏览器屏幕的信息。可以用来显示屏幕的宽度、高度、colorDepth、pixelDepth等。
navigator对象是window属性，因此可以通过以下方式访问：
window.screen
或者，
screen
JavaScript Screen对象的属性
有许多Screen对象的属性返回浏览器的信息。
| No. | 属性 | 描述 |
|---|---|---|
| 1 | width | 返回屏幕的宽度 |
| 2 | height | 返回屏幕的高度 |
| 3 | availWidth | 返回可用的宽度 |
| 4 | availHeight | 返回可用的高度 |
| 5 | colorDepth | 返回颜色深度 |
| 6 | pixelDepth | 返回像素深度。 |
JavaScript Screen对象的示例
让我们来看看Screen对象的不同用法。
<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