浏览器窗口高度

最新推荐文章于 2024-08-20 10:50:30 发布

木槿之夏

最新推荐文章于 2024-08-20 10:50:30 发布

阅读量2k

点赞数

分类专栏：前端文章标签：浏览器窗口

前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

参考文章：http://mp.weixin.qq.com/s?__biz=Mzg5ODA5NTM1Mw==&mid=2247483911&idx=1&sn=beddddaffcc0de9fd8a36ae6128488b6&chksm=c0668391f7110a87d27723d05091d366f2a82b810cfe761c989c6e8d5486c3d435ed225b38f9&mpshare=1&scene=24&srcid=0521nu9GwbPU0XtzgGDOHD1O#rd
在这里插入图片描述

window.innerHeight：获取浏览器视觉视口高度（包括垂直滚动条）。
window.outerHeight：获取浏览器窗口外部的高度。表示整个浏览器窗口的高度，包括侧边栏、窗口镶边和调正窗口大小的边框。
window.screen.Height：获取获屏幕取理想视口高度，这个数值是固定的， 设备的分辨率/设备像素比
window.screen.availHeight：浏览器窗口可用的高度。
document.documentElement.clientHeight：获取浏览器布局视口高度，包括内边距，但不包括垂直滚动条、边框和外边距。
document.documentElement.offsetHeight：包括内边距、滚动条、边框和外边距。
document.documentElement.scrollHeight：在不使用滚动条的情况下适合视口中的所有内容所需的最小宽度。测量方式与 clientHeight相同：它包含元素的内边距，但不包括边框，外边距或垂直滚动条。