jquery如何获取DIV包含滚动条在内的高度

Jquery可以用height(),来获取DOM元素的高。示例如下：

<script src=">

1、首先打开hbuilder编辑器，新建一个HTML文档，里面输入长篇的文字。

2、然后在上方引入jQuery的脚本，编辑js脚本，使用bind方法绑定浏览器的scroll事件，监听网页滚动，之后用scrollTop()获取垂直滚动距离，最后d出输出的值即可。

3、保存一下打开浏览器，可以看到一个长篇的文档。

4、按F12打开浏览器开发者工具，切换到Console标签下，滚动鼠标，就可以在开发者工具里显示出浏览器高度位置的数据了。

使用过程中需要主要获取的高度范围包含 盒子模型中的哪些元素、

height() : 其高度范围是所匹配元素的高度 height；（content 的高度）

innerHeight() : 其高度范围是所匹配元素的高度 height + padding ；

outerHeight() : 其高度范围是所匹配元素的高度height + padding + border ；

outerHeight(true) : 其高度范围是所匹配元素的高度 height + padding + border + margin ；

同理宽度有： width() | innerWidth() | outerWidth() | outerWidth(true)

height()

-获取匹配元素集合中的第一个元素的当前计算高度值 或 设置每一个匹配元素的高度值。

-css('height') 和 height()之间的区别是后者返回一个没有单位的数值，前者是返回带有完整单位的字符串。当一个元素的高度需要数学计算的时候推荐使用height() 方法 。

-这个方法同样能计算出window和document的高度。

$(window)height(); // returns height of browser viewport

$(document)height(); // returns height of HTML document

注意：在绝对定位和给定display:block时，虽然style和script标签用width() 或 height()也将报告一个值，强烈建议不要在这些标签中调用这些方法。这是一种不好的做法，结果也证明是不可靠的。

innerHeight()

-为匹配的元素集合中获取第一个元素的当前计算高度值,包括padding，但是不包括border。

-这个方法返回元素的高度，包括顶部和底部的padding，单位是像素。

-这个方法不适用于window and document对象，可以使用height()代替。

outerHeight()

-获取元素集合中第一个元素的当前计算高度值,包括padding，border和选择性的margin。返回一个整数（不包含“px”）表示的值 ，或如果在一个空集合上调用该方法，则会返回 null。

-outerHeight( [includeMargin ] )：include是一个布尔值，表明是否在计算时包含元素的margin值。

-这个方法不适用于window 和 document对象，可以使用height()代替。

以上就是关于jquery如何获取DIV包含滚动条在内的高度全部的内容，包括:jquery如何获取DIV包含滚动条在内的高度、如何用jquery在页面控制table的行高就是页面载入表格数据候，想在页面调整某一行的高度。、jquery获取滚动条高度和位置等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！