如何在 JavaScript 中获取窗口大小

在 Web 开发中，获取窗口大小是非常常见的需求。在 JavaScript 中，获取窗口大小有多种方法，本文将介绍其中的三种方法。

方法一：使用 window 对象的 innerWidth 和 innerHeight 属性

const width = window.innerWidth;
const height = window.innerHeight;

window.innerWidth 返回窗口的宽度，window.innerHeight 返回窗口的高度。该方法适用于所有现代浏览器。

方法二：使用 document 对象的 documentElement 属性的 clientWidth 和 clientHeight 属性

const width = document.documentElement.clientWidth;
const height = document.documentElement.clientHeight;

document.documentElement.clientWidth 返回文档的根元素（HTML 元素）的宽度，document.documentElement.clientHeight 返回文档的根元素的高度。该方法同样适用于所有现代浏览器。

方法三：使用 document 对象的 body 属性的 clientWidth 和 clientHeight 属性

const width = document.body.clientWidth;
const height = document.body.clientHeight;

document.body.clientWidth 返回文档的 body 元素的宽度，document.body.clientHeight 返回文档的 body 元素的高度。该方法在一些特定情况下可能无法正确获取窗口大小，但在大多数情况下可以正常工作。

以上就是获取窗口大小的三种方法，可以根据实际需要选择合适的方法进行使用。