js 获取窗口宽度

作者：我愿等你贰年〃发布日期:2026-02-15 浏览:31

// 获取窗口宽度的示例代码

// 方法1: 使用 window.innerWidth
let width = window.innerWidth;
console.log('窗口宽度（包括滚动条）:', width);

// 方法2: 使用 document.documentElement.clientWidth
let docWidth = document.documentElement.clientWidth;
console.log('文档元素宽度（不包括滚动条）:', docWidth);

// 方法3: 使用 document.body.clientWidth
let bodyWidth = document.body.clientWidth;
console.log('body元素宽度（不包括滚动条）:', bodyWidth);

解释说明：

window.innerWidth：返回浏览器窗口的内部宽度，包括滚动条。
document.documentElement.clientWidth：返回文档元素的宽度，不包括滚动条。
document.body.clientWidth：返回 <body> 元素的宽度，也不包括滚动条。

通常推荐使用 window.innerWidth，因为它是最直接和常用的方式。

上一篇：js 创建节点

下一篇：js 判断是否为整数