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