outerHeight、innerHeight 、 outerHeight(true) 什么意思？

最新推荐文章于 2021-12-19 00:06:49 发布
最新推荐文章于 2021-12-19 00:06:49 发布
阅读量1.1k 收藏 3
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mbh12333/article/details/102624764
版权

定义和用法

outerHeight() 方法返回第一个匹配元素的外部高度。

如下面的图像所示，该方法包含 padding 和 border。

**提示：**如需包含 margin，请使用 outerHeight(true)。

jQuery Dimensions

相关方法：

  • width() - 设置或返回元素的宽度
  • height() - 设置或返回元素的高度
  • innerWidth() - 返回元素的宽度（包含 padding）
  • innerHeight() - 返回元素的高度（包含 padding）
  • outerWidth() - 返回元素的宽度（包含 padding 和 border）
编码行者
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery中的height innerHeight outerHeight区别示例介绍
12-10
标准浏览器下： height:高度 innerHeight:高度＋补白 outerHeight:高度＋补白＋边框，参数为true时：高度＋补白＋边框＋边距 html代码： 代码如下: <div class=”width: id=”test”>jjjjj</div> js代码： 代码如下: alert($(“#test”).height()); alert($(“#test”).innerHeight()
比较height()，innerHeight()，outerHeight()和outerHeight(true)
...
06-24 711
对比jq中获取元素高度的几个函数(宽度同解)：height()，innerHeight()，outerHeight()和outerHeight(true)。 height():元素内容的高度，即盒模型中的content高度； innerHeight()：content高度+padding上下高度； outerHeight()：content高度+padding上下高度+边框上下高度； ou
jquery中height()、outerHeight()、outerHeight(true)和offset()的区别
dxj124的博客
11-28 413
height()获取的是元素不包含padding、border、margin的高度 outerHeight()获取的是元素包含padding、border，不包含margin的高度 outerHeight(true)获取的是元素包含padding、border、margin的高度 offset()返回的是匹配元素相对于当前可视窗口的偏移坐标，返回的对象中包括...
JQ height()、innerHeight()、outerHeight()函数的区别
04-26
NULL 博文链接：https://onestopweb.iteye.com/blog/2359446
jquery-outerHeight(true)的值有误问题解决办法（chrome浏览器）
Jasmines1993的个人收藏
04-17 1814
问题描述：    我想获取一个容器元素的高度（包含margin+padding+height+border），容器中包含图片，当我在chrome浏览器中调试移动到容器元素上的时候，我通过Jquery中 $('element').outerHeight(true) 所获取到的值并不是我想要的值，而是比我想要获取到的值更小。 这个容器元素的样式中包含容器本身的宽度width,position:rela...
Window height、innerHeight、outerHeight区别
忘川
12-06 6827
1. height 指的是元素本身的高度，不包括padding、border、margin，如下图所示： 2.innerHeight包括元素自身的高度+padding部分，如图所示： 3.outerHeight高度为：元素自身高度 + padding + border ； 如果参数为true时，高度为：元素自身高度 + padding + border +margin，如下图所...
关于height、offsetheight、clientheight、scrollheight、innerheight、outerheight的区别
weixin_30266829的博客
03-29 484
二、也是平时经常用到的offsetheight 它返回的高度是内容高+padding+边框，但是注意哦，木有加margin哦，当然一般也木有啥需要把margin加进去的，以上代码为例，结果显示上图h2； 对了，为什么这个offsetheight的用法和height的用法不一样的，因为offsetHeight是js对象所能支持的方法，而$("")所获得的是一个jquery对象，他是不支持of...
jQuery 位置函数offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft
12-09
代码如下:<!DOCTYPE html PUBLIC “-//W3C... <head> <title>jQuery的位置函数(offset(),innerWidth(),innerHeight(),outerWidth(),outerHeight(),scrollTop(),scrollLeft())小应用</title> <s
图解JQUERY对尺寸及位置的定义(图文讲解)
01-19
其实像这类JQUERY应用无外乎涉及这些属性的调用：innerHeight()、innerWidth()、 outerHeight()、outerHeight(true)、outerHeight(false)、outerWidth(true)、 outerWidth(false)、position()、offset()、scrollTop...
javascript常用对象梳理
06-23
功能：closed属性用于返回指定窗口的实例是否已经关闭，如果关闭，返回true ，反之返回flase。 11. frames属性 语法格式： window.frames["框架名称"] window.frames[数值] 功能：frames属性是一个数组，用来...
JQuery 1.3 中文参考手册
03-14
outerHeight(options) outerWidth(options) 选择器 基本 #id element .class * selector1,selector2,selectorN 层级 ancestor descendant parent > child prev + next prev ~ siblings 基本 :first :...
jquery 改html 高度,jQuery outerHeight() 方法
weixin_36359107的博客
07-01 222
jQuery outerHeight() 方法outsideHeight()方法获取或设置所选元素的外部高度(包括padding，border)。outsideHeight(true)方法获取或设置所选元素的外部高度(包括padding，border和margin)。当使用externalHeight()方法获取高度时，它将返回第一个选定元素的高度。当使用externalHeight()方法设置高...
jQuery中的.height()、.innerHeight()和.outerHeight()的区别
孤城幻夜
12-09 698
转自百度知道：http://zhidao.baidu.com/link?url=skAMoj4yXnywoc0hYKxqGO6WoQzkPQ4m02REBECS5dEcD71OboExwf7dIUJMGEhd0-HLuDb0xiegQLa59BKEvK 在jQuery中，width()方法用于获得元素宽度；innerWidth()方法用于获得包括内边界（padding）的元素宽度，outer
clientHeight、offsetHeight、innerHeight、ouerHeight 区别
qq_40890601的博客
12-19 3256
innerHeight 和 outerHeight 是window 对象的只读属性， clientHeight 和 offsetHeight 是DOM 元素属性，接下来看看他们之间的有什么区别。 clientHeight vs offsetHeight Element.clientHeight 是元素的只读属性，对于没有定义CSS或者内联布局盒子的元素为0，否则，它是元素内部的高度(单位像素)，包含内边距，但不包括水平滚动条、边框和外边距 HTMLElement.offsetHeight 也是一个只读属性，
js及innerWidth、innerHeight、outerWidth和outerHeight属性
cxu123321的博客
10-22 2146
js及innerWidth、innerHeight、outerWidth和outerHeight属性 toumingyumaohuiyi 跨浏览器确定一个窗口的大小不是一件简单的事。Firefox.Safari.Opera和Chrome均为此提供了4个属性：innerWidth、innerHeight、 outerWidth和outerHeight。 在Safari和Firefox中，outerWidth和outerHeight返回浏览器窗口本身的尺寸（无论是从最外层的window对象还是从某个框架访.
JS技能点--window.innerHeight window.outerHeight 与screen.height
程序员大阳
02-02 4258
window与screen window是浏览器支持的全局变量，也可以通过document.defaultView获取它，表示浏览器的窗口信息。 innerHeight与outerHeight innerHeight表示窗口内容区域的高度，这是不包括边框、菜单栏的。 而outerHeight是窗口的整体高度，包括边框、菜单栏等。 所以一般常用的是innerHeight。 screen.height screen是指的屏幕，表示当前整个显示器显示的屏幕部分，不限于当前的窗口。height是屏幕的宽度，例如屏幕
jquery中outerHeight()与height()的区别
hejisan的专栏
04-22 613
innerHeight() 方法返回第一个匹配元素的内部高度。如下面的图像所示，该方法包含 padding，但不包含 border 和 margin。innerWidth() 方法返回第一个匹配元素的内部宽度。如下面的图像所示，该方法包含 padding，但不包含 border 和 margin。width() 方法设置或返回被选元素的宽度。当该方法用于返回宽度时， 则返回第一个匹配元素的宽度。当...
99-智慧园区数据平台方案.pptx
最新发布
04-27
99-智慧园区数据平台方案.pptx
[DOM基础]offsetHeight,clientHeight,scrollHeight,innerHeight,outerHeight等属性的解释
06-07
这些属性都与元素的尺寸相关。 - `offsetHeight`：元素在垂直方向上占据的空间大小，包括元素的高度、上下边框以及上下内边距。 - `clientHeight`：元素在垂直方向上占据的空间大小，不包括元素的边框但包括内边距。 - `scrollHeight`：元素内容的总高度，包括那些在当前视口之外的部分，需要通过滚动才能看到。 - `innerHeight`：浏览器窗口的内部高度，即可视区域的高度，不包括浏览器的工具栏等。 - `outerHeight`：浏览器窗口的外部高度，包括浏览器的工具栏等。 需要注意的是，`clientHeight`和`scrollHeight`还会受到CSS样式的影响，比如`box-sizing`属性的值。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值