JS screen物件的使用

2020-08-08 14:48:39
screen 物件包含有關用戶端顯示螢幕的資訊。JavaScript 程式可以利用這些資訊來優化輸出,以達到使用者的顯示要求。例如,JavaScript 程式可以根據顯示器的尺寸選擇使用大影象還是使用小影象,它還可以根據有關螢幕尺寸的資訊將新的瀏覽器視窗定位在螢幕中間。

screen 物件是 window 物件的一個物件型別的屬性,可通過 window.screen 屬性對其進行存取,使用時也可以省略 window。screen 物件的使用主要是呼叫 screen 物件的屬性。screen 物件的常用屬性見表 1。

表 1:screen 物件的常用屬性
屬性 描述
availHeight 返回顯不螢幕的可用高度,單位爲畫素,不包括工作列
availWidth 返回顯示螢幕的可用寬度,單位爲畫素,不包括工作列
height 返回顯示螢幕的高度,單位爲畫素
width 返回顯不螢幕的寬度,單位爲畫素
colorDepth 返回當前顏色設定所用的位數,值爲 -1:黑白;8:256色;16:增強色;24/32:真彩色

1) 存取 screen 物件屬性的方式

[window.]screen.屬性

2) screen 物件的使用範例

screen.availHeight;//獲取螢幕的可用高度
screen.availWidth;//獲取螢幕的可用寬度
scren.height;//獲取螢幕的高度
screen.width;//獲取螢幕的寬度