JavaScript 基礎（十七）：screen對象

screen 對象用於獲取用戶的屏幕信息。

語法：

window.screen.屬性

注意： window 能夠省略。

對象屬性:

屬性	描述
availHeight	窗口能夠使用的屏幕高度，單位像素
availWidth	窗口能夠使用的屏幕寬度，單位像素
colorDepth	用戶瀏覽器表示的顏色位數，一般爲32位（每像素的位數）
pixelDepth	用戶瀏覽器表示的顏色位數，一般爲32位（每像素的位數）（IE不支持此屬性）
height	屏幕的高度，單位像素
width	屏幕的寬度，單位像素

一、 屏幕分辨率的高和寬

window.screen對象包含有關用戶屏幕的信息。

1. screen.height 返回屏幕分辨率的高
2. screen.width 返回屏幕分辨率的寬

注意:
一、單位以像素計。
二、window.screen 對象在編寫時能夠不使用 window 這個前綴。

咱們來獲取屏幕的高和寬，代碼以下:

<script type="text/javascript">
  document.write( "屏幕寬度："+screen.width+"px<br />" );
  document.write( "屏幕高度："+screen.height+"px<br />" );
</script>

二、 屏幕可用高和寬度

1. screen.availWidth 屬性返回訪問者屏幕的寬度，以像素計，減去界面特性，好比任務欄。
2. screen.availHeight 屬性返回訪問者屏幕的高度，以像素計，減去界面特性，好比任務欄。

注意:

不一樣系統的任務欄默認高度不同，及任務欄的位置可在屏幕上下左右任何位置，因此有可能可用寬度和高度不同。

咱們來獲取屏幕的可用高和寬度，代碼以下：

<script type="text/javascript">
document.write("可用寬度：" + screen.availWidth);
document.write("可用高度：" + screen.availHeight);
</script>

注意:根據屏幕的不一樣顯示值不一樣。