首页 > 编程笔记 > JavaScript笔记

JS screen对象的使用

screen 对象包含有关客户端显示屏幕的信息。JavaScript 程序可以利用这些信息来优化输出,以达到用户的显示要求。例如,JavaScript 程序可以根据显示器的尺寸选择使用大图像还是使用小图像,它还可以根据有关屏幕尺寸的信息将新的浏览器窗口定位在屏幕中间。

screen 对象是 window 对象的一个对象类型的属性,可通过 window.screen 属性对其进行访问,使用时也可以省略 window。screen 对象的使用主要是调用 screen 对象的属性。screen 对象的常用属性见表 1。

表 1:screen 对象的常用属性
属性 描述
availHeight 返回显不屏幕的可用高度,单位为像素,不包括任务栏
availWidth 返回显示屏幕的可用宽度,单位为像素,不包括任务栏
height 返回显示屏幕的高度,单位为像素
width 返回显不屏幕的宽度,单位为像素
colorDepth 返回当前颜色设置所用的位数,值为 -1:黑白;8:256色;16:增强色;24/32:真彩色

1) 访问 screen 对象属性的方式

[window.]screen.属性

2) screen 对象的使用示例

screen.availHeight;//获取屏幕的可用高度
screen.availWidth;//获取屏幕的可用宽度
scren.height;//获取屏幕的高度
screen.width;//获取屏幕的宽度

所有教程

优秀文章