js 获取页面宽度

// 获取页面宽度的示例代码

// 方法一：使用 window.innerWidth
// 这个属性返回浏览器窗口的内部宽度（包括滚动条），是最常用的获取页面宽度的方法。
let pageWidth = window.innerWidth;
console.log("页面宽度 (window.innerWidth): " + pageWidth);

// 方法二：使用 document.documentElement.clientWidth
// 这个属性返回视口（viewport）的宽度，不包括垂直滚动条。
let viewportWidth = document.documentElement.clientWidth;
console.log("页面宽度 (document.documentElement.clientWidth): " + viewportWidth);

// 方法三：使用 document.body.offsetWidth
// 这个属性返回 body 元素的宽度，包括 padding 和 border，但不包括 margin。
let bodyWidth = document.body.offsetWidth;
console.log("页面宽度 (document.body.offsetWidth): " + bodyWidth);

解释说明：

• window.innerWidth 是最常用的方法，它返回的是浏览器窗口的内部宽度，包括滚动条。
• document.documentElement.clientWidth 返回的是视口的宽度，不包括垂直滚动条。
• document.body.offsetWidth 返回的是 body 元素的宽度，包括 padding 和 border，但不包括 margin。

你可以根据具体需求选择合适的方法来获取页面宽度。