window.screen 对象包含有关用户屏幕的信息。
二、窗口屏幕属性
window.screen 对象可以不用窗口window前缀书写。下面用丰富的案例讲解相关内容。
1. 窗口的屏幕宽度
screen.width 属性返回访问者屏幕的像素宽度。
项目
2. 窗口的屏幕高度
screen.height 属性返回访问者屏幕的像素高度。
项目
3. 窗口可用宽度
screen.availWidth 属性返回访问者的屏幕宽度,以像素为单位,减去的界面功能,如Windows任务栏。
项目
4. 窗口可用高度
screen.availHeight 属性返回访问者屏幕高度,以像素为单位,减去的界面功能,如Windows任务栏。
项目
5. 窗口颜色深度
解析:
screen.colorDepth 属性返回用于显示一个颜色的位数。所有现代计算机使用24位或32位硬件彩色分辨率。
- 24 bits = 16,777,216 种不同 "True Colors"。
- 32 bits = 4,294,967,296 种不同 "Deep Colors"。
旧电脑使用16位:65536种不同的“高色”分辨率。很旧的电脑,和旧手机用8位:256种不同的“VGA颜色”。
例:
项目
注:
#rrggbb (rgb)` 用于HTML值代表 "True Colors" (16,777,216 different colors)。
6. 窗口像素深度
screen.pixelDepth 属性返回屏幕的像素深度。
项目
三、总结
本文主要介绍了JavaScript window screen(屏幕窗口属性),详细的介绍了屏幕的高度和宽度如何在页面实现的效果。屏幕窗口颜色,像素深度的效果。通过小项目的展示,运行效果图的展示,希望帮助大家更好理解。
希望大家可以根据文章的内容,积极尝试,有时候看到别人实现起来很简单,但是到自己动手实现的时候,总会有各种各样的问题,切勿眼高手低,勤动手,才可以理解的更加深刻。
使用JavaScript 语言,方便大家更好理解,希望对大家的学习有帮助。