189 8069 5689

JavaScript中如何使用Window.Screen设置屏幕宽度

这篇文章将为大家详细讲解有关JavaScript中如何使用Window.Screen设置屏幕宽度,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

专注于为中小企业提供成都网站建设、做网站服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业二七免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了成百上千企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

JavaScript 使用Window.Screen设置屏幕宽度

screen.width 属性返回以像素计的访问者屏幕宽度。

实例

显示以像素计的屏幕宽度:

document.getElementById("demo")。innerHTML = "Screen Width: " + screen.width;

结果将是:

Screen Width: 1920

Window Screen 高度

screen.height 属性返回以像素计的访问者屏幕的高度。

实例

显示以像素计的屏幕高度:

document.getElementById("demo")。innerHTML = "Screen Height: " + screen.height;

结果将是:

Screen Height: 1080

Window Screen 可用宽度

screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去诸如窗口工具条之类的界面特征。

实例

显示以像素计的屏幕可用宽度:

document.getElementById("demo")。innerHTML = "Available Screen Width: " + screen.availWidth;

结果将是:

Available Screen Width: 1920

Window Screen 可用高度

screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去诸如窗口工具条之类的界面特征。

实例

显示以像素计的屏幕可用高度:

document.getElementById("demo")。innerHTML = "Available Screen Height: " + screen.availHeight;

结果将是:

Available Screen Height: 1040

Window Screen 色深

screen.colorDepth 属性返回用于显示一种颜色的比特数。

所有现代计算机都使用 24 位或 32 位硬件的色彩分辨率:

24 bits =16,777,216 种不同的 "True Colors"

32 bits = 4,294,967,296 中不同的 "Deep Colors"

更老的计算机使用 14 位:65,536 种不同的 "High Colors" 分辨率。

异常古老的计算机,以及老式的手机使用 8 位:256 中不同的 "VGA colors"。

实例

显示以位计的屏幕色彩深度:

document.getElementById("demo")。innerHTML = "Screen Color Depth: " + screen.colorDepth;

结果将是:

Screen Color Depth: 24

HTML 中使用的 #rrggbb (rgb) 值代表 "True Colors" (16,777,216 中不同的颜色)。

Window Screen 像素深度

screen.pixelDepth 属性返回屏幕的像素深度。

实例

显示以位计的屏幕像素深度:

document.getElementById("demo")。innerHTML = "Screen Pixel Depth: " + screen.pixelDepth;

结果将是:

Screen Pixel Depth: 24

对于现代计算机,颜色深度和像素深度是相等的。

关于“JavaScript中如何使用Window.Screen设置屏幕宽度”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


分享题目:JavaScript中如何使用Window.Screen设置屏幕宽度
文章地址:http://cdxtjz.cn/article/jjjcgd.html

其他资讯