JavaScript BOM 學習（二）

JavaScript Window Screen

window.screen 對象包含有關使用者螢幕的資訊。

Window Screen

window.screen對象在編寫時可以不使用 window 這個字首。

一些屬性：

• screen.availWidth - 可用的螢幕寬度
• screen.availHeight - 可用的螢幕高度

Window Screen 可用寬度

screen.availWidth 屬性傳回通路者螢幕的寬度，以像素計，減去界面特性，比如視窗工作列。

執行個體

傳回您的螢幕的可用寬度：

<script>
document.write("可用寬度: " + screen.availWidth);
</script>
           

以上代碼輸出為：可用寬度: 1536

Window Screen 可用高度

screen.availHeight 屬性傳回通路者螢幕的高度，以像素計，減去界面特性，比如視窗工作列。

執行個體

傳回您的螢幕的可用高度：

<script>
document.write("可用高度: " + screen.availHeight);
</script>
           

以上代碼将輸出：可用高度: 824

其他執行個體

<script>
document.write("總寬度/高度: ");
document.write(screen.width + "*" + screen.height);
document.write("<br>");
document.write("可用寬度/高度: ");
document.write(screen.availWidth + "*" + screen.availHeight);
document.write("<br>");
document.write("色彩深度: ");
document.write(screen.colorDepth);
document.write("<br>");
document.write("色彩分辨率: ");
document.write(screen.pixelDepth);
</script>
           

輸出：

總寬度/高度: 1536*864

可用寬度/高度: 1536*824

色彩深度: 24

色彩分辨率: 24