jQuery中的height innerHeight outerHeight区别示例介绍_Javascript教程-查字典教程网
jQuery中的height innerHeight outerHeight区别示例介绍
jQuery中的height innerHeight outerHeight区别示例介绍
发布时间:2016-12-30 来源:查字典编辑
摘要:标准浏览器下:height:高度innerHeight:高度+补白outerHeight:高度+补白+边框,参数为true时:高度+补白+边...

标准浏览器下:

height:高度

innerHeight:高度+补白

outerHeight:高度+补白+边框,参数为true时:高度+补白+边框+边距

html代码:

复制代码 代码如下:

<div id="test">jjjjj</div>

js代码:

复制代码 代码如下:

alert($("#test").height());

alert($("#test").innerHeight());

alert($("#test").outerHeight());

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

结果:

在ie中的结果:17px,37px,41px,61px

在ff中的结果:20px,40px,44px,64px

html代码:

复制代码 代码如下:

<div id="test">jjjjj</div>

js代码:

复制代码 代码如下:

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 id="test">jjjjj</div>

js代码:

复制代码 代码如下:

alert($("#test").height());

alert($("#test").innerHeight());

alert($("#test").outerHeight());

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

结果:

在ie中的结果:18px,38px,42px,62px

在ff中的结果:42px,62px,66px,86px

html代码:

复制代码 代码如下:

<div id="test">jjjjj</div>

js代码:

复制代码 代码如下:

alert($("#test").height());

alert($("#test").innerHeight());

alert($("#test").outerHeight());

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

结果:

在ie中的结果:36px,56px,60px,80px

在ff中的结果:60px,80px,84px,104px

结论:在ie中height包含border和padding并且height最小值为17px ,同理可得width,不过它最小值为15px

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类