文档章节

offsetHeight,scrollHeight,clientHeight,offsetWidth,clientWidth,scrollWidth的意义

溪语_8023
 溪语_8023
发布于 2016/12/01 15:58
字数 251
阅读 2
收藏 0

offsetHeight:带边框的高度,带滚动条的高度

scrollHeight:正文的高度,不包括滚动条和边框

clientHeight:对象可视的高度

 

offsetWidth当前对象的宽度(Width+border+padding)包括滚动条等边线,会随着对象的显示而变化。style.width 也是表示对象的宽度。但是他们两个是有区别的,①如果页面中的元素设置为百分比,无论页面变大或者变小,style.width返回值的宽度是百分比,而offsetWidth 返回值是数据;②style.width:如果元素没有设置width,则style.width返回值是空。③style.width返回值除了数据之外还会返回单位px。

clientWidth 对象内容的可视区的宽度,不包括滚动条和边线,会随着对象显示的大小而变化。

scrollWidth 对象实际内容的宽度,会随着对象内容增多或减少来改变。

 

© 著作权归作者所有

共有 人打赏支持
溪语_8023
粉丝 0
博文 27
码字总数 17289
作品 0
杭州
私信 提问
CSSOM View Module 中的尺寸与位置属性

指 CSS Object Model,即 CSS对象模型。CSSOM 是 JavaScript 操纵 CSS 的一系列 API 集合,它属是 DOM 和 HTML API 的附属。 其中视图模型(View Model)中定义了一系列接口,包括多个关于窗...

yinyongcom666
2016/03/28
10
0
获取屏幕宽度、浏览器宽度、网页高度,宽度信息

视图模式innerWidth/innerHeight属性(窗口大小) window.innerHeight window.innerWidth window.pageYOffset:Netscape属性,指的是滚动条顶部到网页顶部的距离 网页可见区域宽:document.bo...

飞奔的土豆
2014/09/05
0
0
HTML中offsetTop、clientTop、scrollTop、offsetTop各属性介绍

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft: 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scroll...

Aaron_DMC
2016/11/18
50
0
轻松弄清JavaScript中的offset、scroll、client

初次见到这张图,觉得好乱额,所以下面我们来慢慢理顺这个东西。 一、理顺offset 在这里我们可以看到,关于offset共有5个东西需要弄清楚:   1、offsetParent   2、offsetTop   3、off...

longteng2013
2013/10/06
0
2
Js中 关于top、clientTop、scrollTop、offsetTop的用法

网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth (包括边线的宽); 网页可见区域高: document.bod...

紫地瓜
2012/11/05
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Apache日志不记录访问静态文件,访问日志切割,静态元素过期时间设置

Apache配置不记录访问静态文件的日志 网站大多元素为静态文件,如图片、css、js等,这些元素可以不用记录 vhost原始配置 <VirtualHost *:80> ServerAdmin test@163.com DocumentRoo...

野雪球
今天
1
0
聊聊storm的ICommitterTridentSpout

序 本文主要研究一下storm的ICommitterTridentSpout ICommitterTridentSpout storm-core-1.2.2-sources.jar!/org/apache/storm/trident/spout/ICommitterTridentSpout.java public interface......

go4it
今天
2
0
Ubuntu常用操作

查看端口号 netstat -anp |grep 端口号 查看已使用端口情况 netstat -nultp(此处不用加端口号) netstat -anp |grep 82查看82端口的使用情况 查找被占用的端口: netstat -tln netstat -tl...

hc321
昨天
1
0
网站cdn的静态资源突然访问变的缓慢,问题排查流程

1.首先我查看了一下是否自己的网络问题,通过对比其他资源的访问速度和下载速度,确认不是 2.通过ping 和 tracert 判断cdn域名能否正常访问,(最后回想感觉这一步可以省略,因为每次最终能访...

小海bug
昨天
3
0
Mybatis 学习笔记四 MyBatis-Plus插件

Mybatis 学习笔记四 MyBatis-Plus插件 maven依赖 <dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus</artifactId> <ve......

晨猫
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部