該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
試一試» 對於現代計算機,顏色深度和像素深度相等。