JavaScript中如何使用Window.Screen設(shè)置屏幕寬度

這篇文章將為大家詳細(xì)講解有關(guān)JavaScript中如何使用Window.Screen設(shè)置屏幕寬度，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

JavaScript 使用Window.Screen設(shè)置屏幕寬度

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

實例

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

document.getElementById（"demo"）。innerHTML = "Screen Width: " + screen.width;

結(jié)果將是：

Screen Width: 1920

Window Screen 高度

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

實例

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

document.getElementById（"demo"）。innerHTML = "Screen Height: " + screen.height;

結(jié)果將是：

Screen Height: 1080

Window Screen 可用寬度

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

實例

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

document.getElementById（"demo"）。innerHTML = "Available Screen Width: " + screen.availWidth;

結(jié)果將是：

Available Screen Width: 1920

Window Screen 可用高度

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

實例

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

document.getElementById（"demo"）。innerHTML = "Available Screen Height: " + screen.availHeight;

結(jié)果將是：

Available Screen Height: 1040

Window Screen 色深

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

所有現(xiàn)代計算機(jī)都使用 24 位或 32 位硬件的色彩分辨率：

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

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

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

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

實例

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

document.getElementById（"demo"）。innerHTML = "Screen Color Depth: " + screen.colorDepth;

結(jié)果將是：

Screen Color Depth: 24

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

Window Screen 像素深度

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

實例

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

document.getElementById（"demo"）。innerHTML = "Screen Pixel Depth: " + screen.pixelDepth;

結(jié)果將是：

Screen Pixel Depth: 24

對于現(xiàn)代計算機(jī)，顏色深度和像素深度是相等的。

關(guān)于“JavaScript中如何使用Window.Screen設(shè)置屏幕寬度”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。