获取屏幕宽度 JavaScript

在开发中，我们可能需要获取用户的屏幕宽度信息，比如响应式设计或者页面的布局。下面介绍几个在 JavaScript 中获取屏幕宽度的方法：

1. 使用 window 对象的 innerWidth 属性

const screenWidth = window.innerWidth;

这种方法获取屏幕宽度不包括浏览器的工具栏、滚动条等的宽度，如果需要获取包括这些元素的宽度，则需要使用下面的方法。

2. 使用 document 对象的 body 元素的 clientWidth 属性

const screenWidth = document.body.clientWidth;

这种方法获取的是 body 元素的实际宽度，不包括滚动条和边框。

3. 使用 document 对象的 documentElement 元素的 clientWidth 属性

const screenWidth = document.documentElement.clientWidth;

这种方法获取的是文档根元素（即）的实际宽度，同样不包括滚动条和边框，但是由于文档根元素的宽度设置为100%，因此不受 body 元素的宽度影响。

4. 使用 window 对象的 screen 对象的 width 属性

const screenWidth = window.screen.width;

这种方法获取的是屏幕的宽度，不受浏览器窗口大小的影响，但是包括整个屏幕宽度，可能比文档宽度大。

5. 使用 jQuery 库的 $(window).width() 方法（需要引入 jQuery 库）

const screenWidth = $(window).width();

这种方法也可以获取整个浏览器窗口的宽度，但是需要引入 jQuery 库。

因此，我们可以根据实际需要选择适合的方法来获取屏幕宽度。