2025年4月16日 星期三 乙巳(蛇)年 正月十七 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > JavaScript

JS screen对象详解

时间:03-07来源:作者:点击数:49

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.cdsy.xyz"); //调用该函数

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

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
    无相关信息
栏目更新
栏目热门