JavaScript screen 对象

■知识点

screen对象存储了客户端屏幕信息。这些信息可以用来探测客户端硬件配置。利用screen对象可以优化程序的设计，提升用户体验。例如，根据显示器屏幕大小选择使用图像的大小，或者根据显示器的颜色深度选择使用16色图像或8色图像，或者打开新窗口时设置居中显示等。

■实例设计

下面的示例演示了如何让弹出的窗口居中显示。

function center(url){                                  //窗口居中处理函数

    var w = screen.availWidth / 2;              //获取客户端屏幕的宽度一半

    var h = screen.availHeight/2;                //获取客户端屏幕的高度一半

    var t = (screen.availHeight - h)/2;         //计算居中显示时顶部坐标

    var 1 = (screen.availWidth - w)/2;         //计算居中显示时左侧坐标

    var p = "top=" + t + ",left=" + 1 + ",width=" + w + ",height=" +h;    //设计坐标参数字符串 

    var win = window.open(url,"url",p>;        //打开指定的窗口，并传递参数

    win.focus ();                                              //获取窗口焦点

}

center("https://www.baidu.com/");              //调用该函数