该window.screen对象包含有关用户的屏幕信息。
Window Screen
该window.screen对象可以在没有窗口前缀被写入。
属性:
- screen.width
- screen.height
- screen.availWidth
- screen.availHeight
- screen.colorDepth
- screen.pixelDepth
Window Screen Width
该screen.width属性返回访问者的像素屏幕的宽度。
例
显示像素屏幕的宽度:
document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;
结果将是:
Screen Width: 1600
试一试» Window Screen Height
该screen.height属性返回访问者的像素屏幕的高度。
例
显示像素屏幕的高度:
document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;
结果将是:
Screen Height: 900
试一试» Window Screen可用宽度
该screen.availWidth属性返回访问者的屏幕的宽度,以像素为单位,减去界面功能,如Windows任务栏上。
例
显示像素屏幕可用宽度:
document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;
结果将是:
Available Screen Width: 1600
试一试» Window Screen可用高度
该screen.availHeight属性返回访问者的屏幕的高度,以像素为单位,减去界面功能,如Windows任务栏上。
例
显示像素屏幕的可用高度:
document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;
结果将是:
Available Screen Height: 860
试一试» Window Screen颜色深度
所述screen.colorDepth属性返回用于显示一种颜色的比特数。
所有现代计算机使用24位或颜色分辨率32位硬件:
- 24位= 16777216不同的“庐山真面目”
- 32位= 4,294,967,296不同的“深色”
较旧的计算机使用16位:65536个不同的“高颜色”的决议。
很老的电脑,老手机使用8位:256个不同的“颜色VGA”。
例
显示在比特屏幕的颜色深度:
document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;
结果将是:
Screen Color Depth: 24
试一试» 该#rrggbb (rgb)在HTML中使用的值代表了“庐山真面目”( 16,777,216不同的颜色)
Window Screen像素深度
该screen.pixelDepth属性返回屏幕的像素深度。
例
显示在比特屏幕的像素深度:
document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;
结果将是:
Screen Pixel Depth: 24
试一试» 对于现代计算机,颜色深度和像素深度相等。