jQuery 获取元素的高度

用于设置或返回当前匹配元素的高度;

高度不包括元素的外边距(margin)、内边距(padding)、边框(border)等;

对不可见的元素依然有效;

还可获取 window、document 对象的高度:

$(window).height(); // 返回浏览器视口的高度

$(document).height(); // 返回 HTML 文档的高度

    innerHeight():

用于设置或返回当前匹配元素的内高度;

内高度包括只元素的内边距(padding);

对不可见的元素依然有效;

不适用于获取 window、document 对象的高度;

    outerHeight():

外高度包括元素的内边距(padding)、边框(border);

outerHeight(true) 参数为 true 时包含外边距部分的高度,默认为 false 不包括;

对不可见的元素依然有效;

不适用于获取 window、document 对象的高度;

    总结

height() 高度为 height

innerHeight() 高度为 height+padding

outerHeight() 高度为 height+padding+border

经验分享 程序员 微信小程序 职场和发展