如何在 JavaScript 中返回用于在窗口屏幕上显示一种颜色的位数?
在本教程中，我们将探索如何使用 JavaScript 找出用于在设备屏幕上显示单一颜色的位数。JavaScript 有许多内置函数，允许我们获取有关显示屏各种属性的信息。我们将使用一个这样的函数来完成上面提到的任务。
如上一节所述，我们想使用 JavaScript 找出用于在用户显示屏上显示特定颜色的确切位数。在我们能够访问屏幕上特定颜色使用的位数之前，我们应该了解 JavaScript 中的窗口对象。
JavaScript 中的window 对象表示任何用户的完整浏览器窗口。此对象具有与用户显示窗口相关的各种属性，例如其高度、宽度等等。本文中我们关注的属性是 screen 属性，它是另一个引用特定窗口的实际显示屏的对象。
因此，window.screen 对象为我们提供了有关用户显示屏的完整信息。我们可以使用此对象来查找有关用户显示屏的各种信息。其中之一就是屏幕上颜色所需的位数。此属性称为颜色深度。更正式地说，颜色深度是在屏幕上显示一个颜色像素所需的位数。
因此，通过使用此属性，我们可以找出在窗口显示屏上表示颜色所需的位数。
让我们看看 JavaScript 中颜色深度属性的语法。
语法
访问颜色深度属性的语法是 −
window.screen.colorDepth;
或者，如果我们删除 window，该命令仍然有效。这是因为 window 对象位于作用域链的根部，因此如果命令中未提及它，它将被视为理所当然。因此，相同的另一种语法是 −
screen.colorDepth;
此处，window指的是用户浏览器的窗口对象。此对象具有一个名为screen的属性，该属性指的是表示用户显示屏及其组件和属性的对象。colorDepth属性是屏幕对象的一个属性，它为我们提供了在屏幕上表示颜色所需的位数。
此命令本质上将返回一个整数，表示特定用户显示屏的颜色深度。
示例 1
让我们看看如何通过代码实现这一点。
<!DOCTYPE html> <html> <body> <script> document.write("Window screen width: " + window.screen.width); document.write("<br>Window screen height: " + window.screen.height); document.write("<br>Window color Depth: " + window.screen.colorDepth); </script> </body> </html>
在上面的代码中，我们使用了 JavaScript 中屏幕对象的 colorDepth 属性来查找在窗口屏幕上表示颜色所需的位数。
示例 2
同样，正如我们上面讨论的那样，它也可以在不使用 window 关键字的情况下使用，让我们用一个例子来说明这一点。
<!DOCTYPE html> <html> <body> <script> document.write("Screen width: " + screen.width); document.write("<br>Screen height: " + screen.height); document.write("<br>Color Depth: " + screen.colorDepth); </script> </body> </html>
结论
在本教程中，我们了解了如何使用 JavaScript 找出用于在设备屏幕上显示单一颜色的位数。这是通过使用 JavaScript 中屏幕对象的 colorDepth 属性实现的，该属性返回在窗口屏幕上表示颜色所需的位数。
