jQuery中的height innerHeight outerHeight区别示例介绍

标准浏览器下：

height:高度

innerHeight:高度＋补白
outerHeight:高度＋补白＋边框，参数为true时：高度＋补白＋边框＋边距

html代码：

复制代码 代码如下:

<div>jjjjj</div>

复制代码 代码如下:

alert($("#test").height());
alert($("#test").innerHeight());
alert($("#test").outerHeight());
alert($("#test").outerHeight(true));

复制代码 代码如下:

<div>jjjjj</div>

复制代码 代码如下:

alert($("#test").height());
alert($("#test").innerHeight());
alert($("#test").outerHeight());
alert($("#test").outerHeight(true));
[html]
结果：
在ie中的结果：17px，37px，41px，61px
在ff中的结果：41px，61px，65px，85px

html代码：
[code]
<div>jjjjj</div>

复制代码 代码如下:

alert($("#test").height());
alert($("#test").innerHeight());
alert($("#test").outerHeight());
alert($("#test").outerHeight(true));

复制代码 代码如下:

<div>jjjjj</div>

复制代码 代码如下:

alert($("#test").height());
alert($("#test").innerHeight());
alert($("#test").outerHeight());
alert($("#test").outerHeight(true));