JavaScript 窗纱
window.screen 对象包含有关用户屏幕的信息。
窗纱
这 window.screen
对象可以不带窗口前缀。
特性:
screen.width
screen.height
screen.availWidth
screen.availHeight
screen.colorDepth
screen.pixelDepth
窗纱宽度
这 screen.width
属性返回访问者屏幕的宽度(以像素为单位)。
例子
以像素为单位显示屏幕的宽度:
document.getElementById("演示").innerHTML =
"屏幕宽度:" + screen.width;
结果将是:
Screen Width: 1280
窗纱高度
这 screen.height
属性返回访问者屏幕的高度(以像素为单位)。
例子
以像素为单位显示屏幕的高度:
document.getElementById("演示").innerHTML =
"屏幕高度: " + screen.height;
结果将是:
Screen Height: 720
纱窗可用宽度
这 screen.availWidth
属性返回访问者屏幕的宽度(以像素为单位)减去 Windows 任务栏等界面功能。
例子
以像素为单位显示屏幕的可用宽度:
document.getElementById("演示").innerHTML =
"可用屏幕宽度: " + screen.availWidth;
结果将是:
Available Screen Width: 1280
窗纱可用高度
这 screen.availHeight
属性返回访问者屏幕的高度(以像素为单位)减去 Windows 任务栏等界面功能。
例子
以像素为单位显示屏幕的可用高度:
document.getElementById("演示").innerHTML =
"可用屏幕高度: " + screen.availHeight;
结果将是:
Available Screen Height: 720
窗口屏幕颜色深度
这 screen.colorDepth
属性返回显示一种颜色所用的位数。
所有现代计算机均使用 24 位或 32 位硬件来实现色彩分辨率:
- 24 位 = 16,777,216 种不同的“真彩色”
- 32 位 = 4,294,967,296 种不同的“深色”
旧式计算机使用 16 位:65,536 种不同的“高色彩”分辨率。
非常古老的计算机和古老的手机使用 8 位:256 种不同的“VGA 颜色”。
例子
以位为单位显示屏幕的色彩深度:
document.getElementById("演示").innerHTML =
"屏幕色彩深度: " + screen.colorDepth;
结果将是:
Screen Color Depth: 24
HTML 中使用的 #rrggbb (rgb) 值代表“真彩色”(16,777,216 种不同的颜色)
窗口屏幕像素深度
这 screen.pixelDepth
属性返回屏幕的像素深度。
例子
以位为单位显示屏幕的像素深度:
document.getElementById("演示").innerHTML =
"屏幕像素深度: " + screen.pixelDepth;
结果将是:
Screen Pixel Depth: 24
对于现代计算机来说,色彩深度和像素深度是相等的。