JS之BOM篇-screen對象
2021-09-29 14:40:10

screen對象用來表示客戶端的能力，包括瀏覽器窗口外部顯示器的信息，開發(fā)中并不常用

屬性

每個瀏覽器中的screen對象都包含著各不相同的屬性

屬性              說明

height            屏幕的像素高度
width             屏幕的像素寬度
availHeight       屏幕的像素高度減去系統(tǒng)部件高度之后的值(只讀)
availWidth        屏幕的像素寬度減去系統(tǒng)部件寬度之后的值(只讀)
left              當(dāng)前屏幕距左邊的像素距離[firefox返回0，chrome和IE不支持]
top               當(dāng)前屏幕距上方的像素距離[firefox返回0，chrome和IE不支持]
availLeft         未被系統(tǒng)部件占用的最左側(cè)的像素值(只讀)[chrome和firefox返回0，IE不支持]
availTop          未被系統(tǒng)部件占用的最上方的像素值(只讀)[chrome和firefox返回0，IE不支持]
bufferDepth       讀、寫用于呈現(xiàn)屏外位圖的位數(shù)[IE返回0，chrome和firefox不支持]
colorDepth        用于表現(xiàn)顏色的位數(shù)(只讀)[IE8-返回32，其他瀏覽器返回24]
pixelDepth        屏幕的位深(只讀)[IE8-不支持，其他瀏覽器返回24]
deviceXDPI        屏幕實際的水平DPI(只讀)[IE返回96，chrome和firefox不支持]
deviceYDPI        屏幕實際的垂直DPI(只讀)[IE返回96，chrome和firefox不支持]
logicalXDPI       屏幕邏輯的水平DPI(只讀)[IE返回96，chrome和firefox不支持]
logicalYDPI       屏幕邏輯的垂直DPI(只讀)[IE返回96，chrome和firefox不支持]
updateInterval      讀、寫以毫秒表示的屏幕刷新時間間隔[IE返回0，chrome和firefox不支持]
fontSmoothingEnabled     是否啟用了字體平滑(只讀)[IE返回true，chrome和firefox不支持]

常用屬性

availHeight、availWidth

availHeight：屏幕的像素高度減去系統(tǒng)部件高度之后的值(只讀)，代表屏幕可用高度，單位為像素
availWidth：屏幕的像素寬度減去系統(tǒng)部件寬度之后的值(只讀)，代表屏幕可用寬度，單位為像素

console.log(screen.availHeight) // 728
console.log(screen.availWidth) // 1366

height、width

height: 屏幕的像素高度
width: 屏幕的像素寬度

console.log(screen.height) // 768
console.log(screen.width) // 1366

screen.height和screen.width兩個屬性，一般用來了解設(shè)備的分辨率。除非調(diào)整顯示器的分辨率，否則這兩個值可以看作常量，不會發(fā)生變化