JS Window Screen

window.screen對象包含有關(guān)用戶屏幕的信息。

屏幕對象

window.screen對象可用于顯示屏幕分辨率（屏幕的寬度和高度），顏色深度，像素深度等。

window.screen可以使用簡寫為沒有前綴(window.)的對象。

screen對象具有以下屬性：

• screen.width

• screen.height

• screen.availWidth

• screen.availHeight

• screen.colorDepth

• screen.pixelDepth

下一節(jié)將向您展示如何使用窗口對象的screen對象屬性獲取用戶顯示的信息。

屏幕寬度

screen.width屬性返回訪問者屏幕的總寬度（以像素為單位）。

var x = screen.width;

屏幕高度

screen.height屬性返回訪問者屏幕的總高度（以像素為單位）。

var x = screen.height;

屏幕可用寬度

screen.availWidth屬性返回可用于應(yīng)用程序窗口的屏幕區(qū)域的寬度（以像素為單位）。

應(yīng)用程序窗口的區(qū)域是除任務(wù)欄以外的整個屏幕。

var x = screen.availWidth;

屏幕可用高度

screen.availHeight屬性返回可用于應(yīng)用程序窗口的屏幕區(qū)域的高度（以像素為單位）。

應(yīng)用程序窗口的區(qū)域是除任務(wù)欄以外的整個屏幕。

var x = screen.availHeight;

窗口屏幕色彩深度

screen.colorDepth屬性返回用戶屏幕的顏色深度。

色深是用于表示單個像素顏色的位數(shù)。

顏色深度表示設(shè)備屏幕能夠產(chǎn)生多少顏色。

例如，顏色深度為8的屏幕可以產(chǎn)生256種顏色（2 ⁸）。

var x = screen.colorDepth;

當(dāng)前，大多數(shù)設(shè)備的屏幕具有24或32的色深。簡單來說，更多的位會產(chǎn)生更多的顏色變化，例如24位可以產(chǎn)生2 ²⁴ = 16,777,216色變化（真彩色），而32位可以產(chǎn)生2 ³² = 4,294,967,296色變化（深色）。

窗口屏幕像素深度

screen.pixelDepth屬性返回屏幕的位深度。

像素深度是系統(tǒng)顯示硬件每像素使用的位數(shù)。

對于現(xiàn)代設(shè)備，顏色深度和像素深度相等。

var x = screen.pixelDepth;

更多示例

此示例顯示所有屏幕屬性：

var txt = "";
txt += "<p>總寬/高: " + screen.width + "*" + screen.height + "</p>";
txt += "<p>可用寬度/高度: " + screen.availWidth + "*" + screen.availHeight +"</p>";
txt += "<p>顏色深度: " + screen.colorDepth + "</p>";
txt += "<p>色彩分辨率: " + screen.pixelDepth + "</p>";
document.write(txt);