最新的Web开发教程
 

JavaScript Window Screen


该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
试一试»

对于现代计算机,颜色深度和像素深度相等。