https://www.cnblogs.com/nanshanlaoyao/p/5964730.html

• clientHeight：元素客户区的大小，指的是元素内容及其边框所占据的空间大小（经过实践取出来的大多是视口大小）
• scrollHeight: 滚动大小，指的是包含滚动内容的元素大小（元素内容的总高度）
• offsetHeight: 偏移量，包含元素在屏幕上所用的所有可见空间（包括所有的内边距滚动条和边框大小，不包括外边距

浏览器的视口，不包括工具栏和滚动条

获取浏览器的可视窗口宽高：

对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：

• window.innerHeight   高度
• window.innerWidth    宽度

对于 Internet Explorer 8、7、6、5：

• document.documentElement.clientHeight   高度
• document.documentElement.clientWidth    宽度

或者

• document.body.clientHeight   高度
• document.body.clientWidth    宽度

浏览器窗口尺寸clientHeight / scrollHeight / offsetHeight / innerHeight

原文：https://www.cnblogs.com/bigsister/p/10825995.html