JavaScript Window Screen

window.screen 對象包含用戶屏幕的信息。

Window Screen

window.screen 對象不帶 window 前綴也可以寫：

屬性：

  • screen.width
  • screen.height
  • screen.availWidth
  • screen.availHeight
  • screen.colorDepth
  • screen.pixelDepth

Window Screen 寬度

screen.width 屬性返回以像素計的訪問者屏幕寬度。

實例

顯示以像素計的屏幕寬度：

document.getElementById("demo").innerHTML = "Screen Width: " + screen.width;

結果將是：




親自試一試






Window Screen 高度


screen.height 屬性返回以像素計的訪問者屏幕的高度。


實例


顯示以像素計的屏幕高度：


document.getElementById("demo").innerHTML = "Screen Height: " + screen.height;



結果將是：





親自試一試






Window Screen 可用寬度


screen.availWidth 屬性返回訪問者屏幕的寬度，以像素計，減去諸如窗口工具條之類的界面特征。


實例


顯示以像素計的屏幕可用寬度：


document.getElementById("demo").innerHTML = "Available Screen Width: " + screen.availWidth;



結果將是：





親自試一試






Window Screen 可用高度


screen.availHeight 屬性返回訪問者屏幕的高度，以像素計，減去諸如窗口工具條之類的界面特征。


實例


顯示以像素計的屏幕可用高度：


document.getElementById("demo").innerHTML = "Available Screen Height: " + screen.availHeight;



結果將是：





親自試一試






Window Screen 色深


screen.colorDepth 屬性返回用于顯示一種顏色的比特數。


所有現代計算機都使用 24 位或 32 位硬件的色彩分辨率：


    

  • 24 bits =16,777,216 種不同的 "True Colors"
    • 

  • 32 bits = 4,294,967,296 中不同的 "Deep Colors"
    • 



更老的計算機使用 14 位：65,536 種不同的 "High Colors" 分辨率。


異常古老的計算機，以及老式的手機使用 8 位：256 中不同的 "VGA colors"。


實例


顯示以位計的屏幕色彩深度：


document.getElementById("demo").innerHTML = "Screen Color Depth: " + screen.colorDepth;



結果將是：





親自試一試


HTML 中使用的 #rrggbb (rgb) 值代表 "True Colors" （16,777,216 中不同的顏色）。






Window Screen 像素深度


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


實例


顯示以位計的屏幕像素深度：


document.getElementById("demo").innerHTML = "Screen Pixel Depth: " + screen.pixelDepth;



結果將是：





親自試一試


對于現代計算機，顏色深度和像素深度是相等的。