clientHeight / offsetHeight / scrollHeight / Window.innerHeight

clientHeight / offsetHeight / scrollHeight / Window.innerHeight
clientHeight:

① 元素的内部高度(包括padding,但不包括可滚动部分)
② 图示clientHeight / offsetHeight / scrollHeight / Window.innerHeight
③ 获取:element.getBoundingClentRect()

scrollHeight
① 是clientHeight+可滚动的内容部分
clientHeight / offsetHeight / scrollHeight / Window.innerHeight

offsetHeight:
① 边框高度+内边距+内容高度+可滚动高度
②图示
clientHeight / offsetHeight / scrollHeight / Window.innerHeight
③ 获取:element.getBoundingClientRect()

③ 获取:getBoundingClientRect()

innerHeight
① 浏览器窗口的视口高度(不包括工具栏,包括可滚动的高度)
② 图示
clientHeight / offsetHeight / scrollHeight / Window.innerHeight
③ 获取:window.innerHeight