JavaScript 物件-透過Screen物件取得螢幕大小

為了應付多樣化數位裝置的需求,偵測使用者螢幕大小是網頁設計入門必須瞭解的基本技巧之一,我們很容易就可以透過 Screen 物件取得基本的相關資訊。window.screen 回傳需要的 Screen 物件,以下為可用的屬性:

屬性
說明
屬性
說明
width
螢幕寬度
availWidth
扣除工具列等實際可用螢幕寬度。
height
螢幕高度
availHeight
扣除工具列等實際可用螢幕高度。
colorDepth
螢幕每個像素的位元



以下一連串的程式碼示範相關屬性的輸出。

document.writeln(
'寬度:' + screen.width + '/' +
'高度:' + screen.height + '<br/>');
document.writeln(
'可用寬度:' + screen.availWidth + '/' +
'可用高度:' + screen.availHeight + '<br/>');
document.writeln('位元像素:'+screen.colorDepth);

其中逐項引用上述的表列屬性,最後輸出結果如下:

寬度:1680/高度:1050
可用寬度:1680/可用高度:1010
位元像素:32

沒有留言: