首页 > 编程笔记 > JavaScript笔记 > JS BOM
阅读:40
JS screen对象详解
screen 对象存储了客户端屏幕信息,这些信息可以用来探测客户端硬件配置。利用 screen 对象可以优化程序的设计,提升用户体验。例如,根据显示器屏幕大小选择使用图像的大小,或者根据显示器的颜色深度选择使用 16 色图像或 8 色图像,或者打开新窗口时设置居中显示等。
不同浏览器在解析 screen 对象的 width 和 height 属性时存在差异。
示例
下面示例演示了如何让弹出的窗口居中显示。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 ("c.biancheng.net"); //调用该函数
不同浏览器在解析 screen 对象的 width 和 height 属性时存在差异。
所有教程
- socket
- Python基础教程
- C#教程
- MySQL函数
- MySQL
- C语言入门
- C语言专题
- C语言编译器
- C语言编程实例
- GCC编译器
- 数据结构
- C语言项目案例
- C++教程
- OpenCV
- Qt教程
- Unity 3D教程
- UE4
- STL
- Redis
- Android教程
- JavaScript
- PHP
- Mybatis
- Spring Cloud
- Maven
- vi命令
- Spring Boot
- Spring MVC
- Hibernate
- Linux
- Linux命令
- Shell脚本
- Java教程
- 设计模式
- Spring
- Servlet
- Struts2
- Java Swing
- JSP教程
- CSS教程
- TensorFlow
- 区块链
- Go语言教程
- Docker
- 编程笔记
- 资源下载
- 关于我们
- 汇编语言
- 大数据
- 云计算
- VIP视频