在JavaScript中，获取电脑显示器的宽度和高度可以通过window.innerWidth和window.innerHeight属性来实现。这两个属性分别返回浏览器窗口的内部宽度和高度。然而，如果你想要获取整个显示器（包括浏览器窗口之外的屏幕区域）的宽度和高度，你可以使用screen.width和screen.height属性。
以下是如何使用这些属性来获取显示器尺寸的详细步骤：
获取显示器宽度
要获取显示器的宽度，你可以使用screen.width属性。这个属性返回的是显示器像素宽度的值。
var screenWidth = screen.width;
console.log("显示器的宽度为：" + screenWidth + "像素");
获取显示器高度
要获取显示器的高度，你可以使用screen.height属性。这个属性返回的是显示器像素高度的值。
var screenHeight = screen.height;
console.log("显示器的宽度为：" + screenHeight + "像素");
获取显示器宽度和高度（包括滚动条）
如果你想要获取包括滚动条在内的显示器宽度和高度，你可以使用document.documentElement或document.body的clientWidth和clientHeight属性。
clientWidth：返回元素内容的宽度，不包括滚动条。clientHeight：返回元素内容的高度，不包括滚动条。
var fullScreenWidth = document.documentElement.clientWidth || document.body.clientWidth;
var fullScreenHeight = document.documentElement.clientHeight || document.body.clientHeight;
console.log("包括滚动条的显示器的宽度为：" + fullScreenWidth + "像素");
console.log("包括滚动条的显示器的宽度为：" + fullScreenHeight + "像素");
获取显示器分辨率
如果你想获取显示器的分辨率，即屏幕的像素密度，你可以使用window.devicePixelRatio属性。
var dpi = window.devicePixelRatio;
console.log("显示器的分辨率为：" + dpi);
注意事项
screen.width和screen.height返回的是显示器物理尺寸的像素值，而不是逻辑尺寸。- 在某些浏览器中，
screen.width和screen.height可能返回的是浏览器窗口的尺寸，尤其是在某些移动设备上。 document.documentElement.clientWidth和document.body.clientWidth返回的是视口（viewport）的宽度和高度，而不是整个显示器的尺寸。
通过上述方法，你可以准确地获取电脑显示器的宽度和高度，以及相关的分辨率信息。