首页 > 编程笔记 > JavaScript笔记 > JS BOM

JS 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 l = (screen.availWidth - w) / 2;  //计算居中显示时左侧坐标
    var p = "top=" + t + ",left=" + l + ",width=" + w + ",height=" + h;  //设计坐标参数字符串
    var win = window.open (url, "url", p);  //打开指定的窗口，并传递参数
    win.focus ();  //获取窗口焦点
}
center ("www.xinbaoku.com");  //调用该函数

function center (url) {  //窗口居中处理函数
    var w = screen.availWidth / 2;  //获取客户端屏幕宽度的一半
    var h = screen.availHeight / 2;  //获取客户端屏幕高度的一半
    var t = (screen.availHeight - h) / 2;  //计算居中显示时顶部坐标
    var l = (screen.availWidth - w) / 2;  //计算居中显示时左侧坐标
    var p = "top=" + t + ",left=" + l + ",width=" + w + ",height=" + h;  //设计坐标参数字符串
    var win = window.open (url, "url", p);  //打开指定的窗口，并传递参数
    win.focus ();  //获取窗口焦点
}
center ("www.xinbaoku.com");  //调用该函数

不同浏览器在解析 screen 对象的 width 和 height 属性时存在差异。

JS screen对象详解

示例

所有教程

优秀文章