最新的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
試一試»

對於現代計算機,顏色深度和像素深度相等。