screen对象用于返回当前渲染窗口中与屏幕相关的属性信息,如屏幕的宽度与高度等。需要注意的是,每个浏览器中的screen对象都包含不同的属性。
下列是主流浏览器支持的screen属性
属性 | 说明 |
height | 返回整个屏幕的高 |
width | 返回整个屏幕的宽 |
availHeight | 返回浏览器窗口在屏幕上可占用的垂直空间 |
availWidth | 返回浏览器窗口在屏幕上可占用的水平空间 |
colorDepth | 返回屏幕的颜色深度 |
pixelDepth | 返回屏幕的位深度/色彩深度 |
在开发JS程序中可利用screen属性中提供的信息优化他们的输出,以达到用户的显示要求。例如:一个程序可以根据显示器的尺寸选择使用大图像还是使用小图像。