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

对应属性的说明

直接上图:

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

上一篇:获取多边形面积的函数 - 回复 "dacsd" 的问题


下一篇:JavaScript 基于offsetHeight和clientHeight判断是否出现滚动条