本文导读目录:
js中client(JS中几种获取对象宽度和高度的区别
电脑怎么发传真(荣耀play4pro参数)JS中几种获取对象宽度和高度的区别
clientWidth/clintHeightclientWidth?=元素的宽度+元素的paddingLeft+元素的paddingRightclientHeight=元素的高度+元素的paddingTop+元素的paddingBottom注意:如果该元素上存在上下滑动滚动条,则clientWidth的值不包括滚动条所占的宽度(即获得的clientWidth已经减去了滚动条的宽度注意:如果该元素上存在左右滑动滚动条,则clientHeight的值不包括滚动条所占的宽度(即获得的clientHeight已经减去了滚动条的高度clientTop/clientLeftclientTop-可视区域的上边距距离自身上边框的外边框的距离(即为上边框的宽度clientLeft-可视区域的左边距距离自身左边框的外边框的距离(即为左边框的宽度没有滑动条的效果代码如下:viewplaincopy《!DOCTYPEhtml》《html》《head》《metacharset=“UTF-“》《title》获取元素的高度和宽度《/title》《styletype=“text/css“》#wrap{height:px;width:px;background-color:skyblue;margin:auto;border:pxsolidred;overflow:scroll;}#content{height:px;width:px;background-color:greenyellow;margin:auto;border:pxsolidyellow;border-width:pxpxpxpx;padding:pxpxpxpx;margin-top:px;}《/style》《/head》《body》《divid=“wrap“》《divid=“content“》《/div》《/div》《/body》《scripttype=“text/javascript“》//获取content对象varcontentObj=document.getElementById(“content“);console.log(contentObj.clientHeight);console.log(contentObj.clientWidth);《/script》《/html》?以上结果输出的即为id为content的div的clientHeight和clientWidth分别为=height()+paddingTop()+paddingBottom()有滚动条的代码如下,在contentdiv的里面添加一个id为one的div让新添加的div超出隐藏即可出现滚动条viewplaincopy《!DOCTYPEhtml》《html》《head》《metacharset=“UTF-“》《title》获取元素的高度和宽度《/title》《styletype=“text/css“》#wrap{height:px;width:px;background-color:skyblue;margin:auto;border:pxsolidred;overflow:scroll;padding:px;}#content{height:px;width:px;background-color:greenyellow;margin:auto;border:pxsolidyellow;border-width:pxpxpxpx;padding:pxpxpxpx;margin-top:px;overflow:scroll;}#one{height:px;width:px;}《/style》《/head》《body》《divid=“wrap“》《divid=“content“》《divid=“one“》《/div》《/div》《/div》《/body》《scripttype=“text/javascript“》//获取content对象varcontentObj=document.getElementById(“content“);console.log(contentObj.clientHeight);console.log(contentObj.clientWidth);console.log(contentObj.clientTop);console.log(contentObj.clientLeft);《/script》《/html》?最后输出的结果为clientHeight和clientWidth分别为=height()+paddingTop()+paddingBottom()-滚动条的宽度()=width()+paddingLeft()+paddingRight()-滚动条的宽度()offsetHeight/offsetWidthoffsetHeight/offsetWidth实际上获取的内容和clientHeight/clientWidth的差别在于,offsetHeight和offsetWidth不仅包括元素的高度和宽度和padding的值,而且包括border的宽度注意:offsetHeight/offsetWidth包括滚动条的宽度(这一点与clientHeight/clientWidth不同viewplaincopy《!DOCTYPEhtml》《html》《head》《metacharset=“UTF-“》《title》获取元素的高度和宽度《/title》《styletype=“text/css“》#wrap{height:px;width:px;background-color:skyblue;margin:auto;border:pxsolidred;overflow:scroll;padding:px;}#content{height:px;width:px;background-color:greenyellow;margin:auto;border:pxsolidyellow;border-width:pxpxpxpx;padding:pxpxpxpx;margin-top:px;overflow:scroll;}#one{height:px;width:px;}《/style》《/head》《body》《divid=“wrap“》《divid=“content“》《divid=“one“》《/div》《/div》《/div》《/body》《scripttype=“text/javascript“》//获取content对象varcontentObj=document.getElementById(“content“);console.log(contentObj.offsetHeight);console.log(contentObj.offsetWidth);console.log(contentObj.offsetLeft);console.log(contentObj.offsetTop);《/script》《/html》?输出的结果:offsetHeight=height()+paddingTop()+paddingBottom()+borderTop()+borderBottom()offsetWidth=width()+paddingLeft()+paddingRight()?+borderLeft()+borderRight()offsetTop/offsetLeftoffsetTop-该元素的上边框的外边缘距离父级元素上边框的内边缘的距离offsetLeft-该元素的左边框的外边缘距离父级元素左边框的内边缘的距离scrollHeight/scrollWidthscrollHeight=子级超出父级的元素的高度+父级的上下padding值scrollWidth=子级超出父级的元素的宽度+父级的左paddingscrollTopscrollTop元素滚动的距离
js中的盒子模型-client/offset/scroll
荣耀play4pro参数vivo哪款手机耐用(vivo目前耐用的十款)
本文主要介绍vivo哪款手机耐用(vivo目前最耐用的十款),下面一起看看vivo哪款手机耐用(vivo目前最耐用的十款)相关资讯。
今天在后台看到一个读者的提问,很有意思。原问题是哪款vivo手机便宜好用电脑怎么发传真(荣耀play4pro参数)?这位读者给想用vivo品牌的机器起了个名字,便宜又好理解,就是价格越低越好。
不过用好这个词有些主观,可能指性能,拍照,或者功能细节。今天给大家推荐三款我觉得好用又“不贵”的vivo手机,看看大家有没有在用。
这是一款性价比很高的千元机。IQOO手机的属性是垂直电竞,所以该机性能在千元机中还是比较强的。骁龙G属于高通的高端芯片。
电脑怎么发传真的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于荣耀play4pro参数、电脑怎么发传真的信息别忘了在本站进行查找喔。