offsetWidth: 元素在水平方向上占用的空间大小。包括元素的宽度,内边距，(可见的)垂直滚动条的宽度，左右边框的宽度。offsetHeight:元素在垂直方向上占用的空间大小，包括元素的高度，内边距，（可见的）水平滚动条的高度，上下边框的高度.offsetLeft: 元素的左边框至包含元素的...
分类：
其他好文 时间：
2015-05-28 00:37:08
阅读次数：
146
最近在学习JavaScript，特意买了一本犀牛角书来看看，尼玛一千多页，看的我头昏脑涨，翻到DOM这章节，突然记起平常在使用DOM时，碰到了好多的这个dom里面的各种宽度，高度，特意在此写一写，写的不好或者写错了，欢迎各位指正。好了废话不多说，开始进入主题。这篇文章主要讨论两点：一、DOM中各种宽...
分类：
Web程序 时间：
2015-05-22 13:13:27
阅读次数：
5600
首先理解三个dom元素，分别是：clientHeight、offsetHeight、scrollTop。clientHeight：这个元素的高度，占用整个空间的高度，所以，如果一个div有滚动条，那个这个高度则是不包括滚动条没显示出来的下面部分的内容。而只是单纯的DIV的高度。offsetHeigh...
分类：
Web程序 时间：
2015-05-19 12:48:28
阅读次数：
145
style.height 包括元素的滚动条,不包括边框clientHeight 不包括元素的滚动条和边框,只有在没有元素的滚动条的情况下,style.height相等于clientHeightoffsetHeight 包括元素的滚动条和边框,只有在没有元素的滚动条和边框的情况下,offsetHeig...
分类：
其他好文 时间：
2015-05-18 06:21:42
阅读次数：
153
网页可见区域宽：document.body.clientWidth;? 网页可见区域高：document.body.clientHeight;? 网页可见区域宽：document.body.offsetWidth;(包括边线的宽) 网页可见区域高：document.body.offsetHeight;(包括边...
分类：
其他好文 时间：
2015-05-16 12:06:18
阅读次数：
200
js：
网页可见区域宽： document.body.clientWidth;(不含滚动条)
网页可见区域高： document.body.clientHeight;(不含滚动条)
网页可见区域宽： document.body.offsetWidth;(包括边线的宽);
网页可见区域高： document.body.offsetHeight;(包括边线的宽);
网页正文全文宽： doc...
分类：
Web程序 时间：
2015-05-10 22:24:23
阅读次数：
192
四大浏览器 chrome,firefox,ie,opera 在网页带滚动条的情况下：
clientHeight在各个浏览器中都是指可见高度
当网页实际内容高度大于clientHeight时，chrome ,firefox,ie,opera 都将scrollHeight和offsetHeight设定为网页内容高度，具体为实际内容高度+滚动条高度+网页边框高度
当网页实际内容高度小于client...
分类：
Web程序 时间：
2015-05-10 14:23:23
阅读次数：
133
网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.offsetHeight (包...
分类：
Web程序 时间：
2015-05-09 21:58:40
阅读次数：
165
网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.offsetHeight (包...
分类：
Web程序 时间：
2015-04-27 09:30:05
阅读次数：
120
offsetTop/offsetHeight scrollTop/scrollHeight 这几个属性困扰了我N久，这次一定要搞定。假设 obj 为某个 HTML 控件。obj.offsetTop obj距离上方或上层控件的位置，整型，单位像素。obj.offsetHeight obj自身的高...
分类：
其他好文 时间：
2015-04-24 12:11:05
阅读次数：
266
