JS-可视窗口的宽高度-白红宇的个人博客

JS-可视窗口的宽高度

发布日期：2021-05-12 03:07:01 浏览次数：22 分类：精选文章

本文共 389 字，大约阅读时间需要 1 分钟。

关于窗口高度和可视区域高度的问题，以下两种情况可能会导致不同的测量结果：

包括滚动条的情况：有时窗口的高度（window.innerHeight）会包括滚动条的宽度，导致测量值略微增加（如16或17个像素），这与实际可视区域的高度相比可能存在一定差异。

不包括滚动条的情况：如果需要不包括滚动条的宽度和高度，可以使用document.documentElement.clientHeight（高度）和document.documentElement.clientWidth（宽度）来获取纯净的可视区域尺寸。

这些差异通常由浏览器的渲染方式决定，因此在开发时需要根据具体需求决定使用何种方法测量窗口尺寸。建议使用window.innerHeight和window.innerWidth以获取包括滚动条的总尺寸，或者使用documentElement的属性以获取纯净的可视区域尺寸。

上一篇：JS-秒表

下一篇：JS-拖拽效果

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！