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

本文主要是介绍JavaScript---关于height/offsetHeight/clientHeight/innerHeight/outerHeight的区分说明，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

对应属性的说明

• • height()为h1
  • offsetheight()为h2
  • clientHeight()为h3
  • innerHeight()为h3
  • outerHeight(options)为h2，options为true则包含上下margin

直接上图：

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

这篇关于JavaScript---关于height/offsetHeight/clientHeight/innerHeight/outerHeight的区分说明的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！