jQuery height()、innerHeight()、outerHeight()函数的区别详解

在框架中，获取元素高度的函数有3个，它们分别是高度()、内部高度()、外部高度().

与此相对应的是，获取元素宽度的函数也有3个，它们分别是宽度()、内宽()、外宽().

在这里，我们以高度()、内部高度()、外部高度()3个函数为例，来详细介绍它们之间的区别。

下面我们以元素元素的盒模型为例来介绍它们之间的区别。

函数高度范围框架版本支持写操作高度()高度1.0 1.0内部高度()高度填充外部高度()高度填充边框1.2.6否外部高度（真实)高度填充边框边距1.2.6否1、 只有高度()函数可用于窗户或文件对象。2、 '支持写操作'表示该函数可以为元素设置高度值3、1.4.1高度()新增支持参数为函数（之前只支持数值)。4、1.8.0内部高度()支持参数为数值或函数。

现在，我们参考以下HTML jQuery示例代码：

div id=' element ' style=' margin 33605 px；padding:10px宽度宽度：100像素高度：100 pxborder:1px实心# 000;'/div脚本类型=' text/JavaScript ' var $ ele=$(' # element ')；//height()=height(100)=100文档。writeln(ele。高度())；//100///内部高度()=高度(100)填充(10 * 2)=120份文件。writeln(ele。内部高度())；//120//外八()=高度(100)填充(10*2)边框(1 * 2)=122个文档。writeln(ele。outh八十八())；//122//外八(真)=高(100)填充(10*2)边框(1*2)边距(5 * 2)=132份文件。writeln(ele。外八(真))；//132/脚本测试的时候记得机上框架地址。