style.height
包括元素的滚动条,不包括边框clientHeight
不包括元素的滚动条和边框offsetHeight
包括元素的滚动条和边框scrollHeight
offsetHeight+scrollTop小贴士:
在IE下,创建一个oLi
li{/*不设置li的高度*/}
</style...
分类:
其他好文 时间:
2015-08-09 22:37:12
阅读次数:
233
通过 JS 或 JQuery 获取到元素后,通过offsetLeft、offsetTop、offsetWidth、offsetHeight 即可获得元素的位置和大小,非常的简单,直接上源码了,敬请参阅! 1 /** 2 * Get element position by jquer...
分类:
编程语言 时间:
2015-08-03 18:18:58
阅读次数:
151
每次看到js中的clientHeight(clientTop), offsetHeight(offsetTop),scrollHeight(scrollTop)就头大,根本分不清这几种的区别,然而碰到这些已经不值一两次了,然后每次都要查看一下各自的区别,才能决定使用哪个。今天特地花了一点时间整理了下...
分类:
Web程序 时间:
2015-07-27 14:32:32
阅读次数:
92
获取图片高度,jq 用的是height()
获取 宽度,jq用的是width(),
不过这个是渲染后的宽高,也就是css设置后的宽高
javascript 是offsetWidth offsetHeight
同样,这个也是浏览器渲染后的大小
那如果我想获取图片原本的大小呢?
这个时候就需要用到Image对象了
请看demo1:
var img_url ='mid/01.jpg'; ...
分类:
其他好文 时间:
2015-07-24 01:30:57
阅读次数:
193
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括...
分类:
移动开发 时间:
2015-07-22 17:52:10
阅读次数:
112
四种浏览器对 clientHeight、offsetHeight、scrollHeight、clientWidth、offsetWidth 和 scrollWidth 的解释差异网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.client...
分类:
Web程序 时间:
2015-07-21 23:45:31
阅读次数:
166
网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHeight (包括边线的...
分类:
Web程序 时间:
2015-07-21 10:30:19
阅读次数:
128
一、获取浏览器的大小和位置具体可以参见博客:http://www.cnblogs.com/bobodeboke/p/4653920.html二、获取元素的大小和位置方法一、利用offsetXXX属性1)offsetHeight:元素垂直方向占用空间,包括内边距,上下边框。2)offsetWidth:...
分类:
编程语言 时间:
2015-07-20 10:42:26
阅读次数:
145
style.height 包括 元素的滚动条,不包括边框clientHeight 不包括元素的滚动条和边框,只有在没有元素的滚动条的情况下,style.height相等于clientHeightoffsetHeight 包括元素的滚动条和边框,只有在没有元素的滚动条和边框的情况下,offsetHei...
分类:
其他好文 时间:
2015-07-17 15:37:38
阅读次数:
119
几个高度1. offsetHeight表示某个DOM元素自身的高度,包括元素的边框、垂直内边距和元素的水平滚动条(如果存在且渲染的画)和元素的CSS高度。该属性是只读的。2.clientHeight返回元素内部的高度(单位像数),包含内边距,但不包括水平滚动条、边框和外边距。该属性是只读的。3. scrollHeight包括元素的可见CSS高度+padding+border+由于overflow设置...
分类:
其他好文 时间:
2015-07-07 11:13:27
阅读次数:
186