首页 > 编程笔记 > JavaScript笔记 阅读:129

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;//获取屏幕的宽度

编程帮,一个分享编程知识的公众号。跟着站长一起学习,每天都有进步。

通俗易懂,深入浅出,一篇文章只讲一个知识点。

文章不深奥,不需要钻研,在公交、在地铁、在厕所都可以阅读,随时随地涨姿势。

文章不涉及代码,不烧脑细胞,人人都可以学习。

当你决定关注「编程帮」,你已然超越了90%的程序员!

编程帮二维码
微信扫描二维码关注

所有教程

优秀文章