JavaScript---关于height/offsetHeight/clientHeight/innerHeight/outerHeight的区分说明

直接上图：

height为h1

它主要是返回元素的高度或者说这个div的内容的高度，它是jquery对像

offsetheight为h2

它返回的高度是内容高+padding+边框，不包含margin值

clientHeight为h3

clientHeight在页面上返回内容的可视高度，内容高 + padding

innerHeight为h3

innerHeight在页面上返回内容的可视高度，内容高 + padding

outerHeight(options)为h2，options为true则包含上下margin

outerHeight(options)计算中总是包含内容高度 + padding-top ,padding-bottom 和 border-top，border-bottom ；options设置为true则包含上下margin