JavaScript入门教程

JavaScript简介
JavaScript语法基础
JavaScript流程控制
JavaScript函数
面向对象编程
JavaScript事件
JavaScript DOM
正则表达式
JavaScript BOM
AJAX

专题分析

浏览器兼容性
JS优化
Web前端开发规范
编辑器推荐
总结和笔记

学习助手

对象参考手册
ECMAScript分析
数据中心
QQ交流群

JavaScript Screen对象

window.screen 对象用来获取用户屏幕的信息。

screen对象是window对象的属性,中文是"屏幕"的意思。
screen对象常用属性
属性 说明
height 屏幕的高度,单位为 像素
width 屏幕的宽度,单位为 像素
availHeight 窗口可以使用的屏幕高度,单位像素,减去界面特性,比如窗口任务栏。
availWidth 窗口可以使用的屏幕宽度,单位像素,减去界面特性,比如窗口任务栏。
colorDepth 用户浏览器表示的颜色位数,通常为32位(每像素的位数)
pixelDepth 用户浏览器表示的颜色位数,通常为32位(每像素的位数)(IE不支持此属性)

举例,获取用户屏幕信息:
<input id="demo1" type="button" value="显示屏幕信息" />
<script type="text/javascript">
    document.getElementById("demo1").onclick=function(){
        alert(
            "屏幕信息:\n"+
            "分辨率:"+screen.width+"×"+screen.height+"\n"+
            "可用区域:"+screen.availWidth+"×"+screen.availHeight
        );
    }
</script>

实例演示:


点击按钮以后,发现可用高度要比实际高度小,这是因为一般的屏幕下方都有一个任务栏,如下图:
屏幕窗口工具栏