jquery获取元素高度,js获取dom元素的高度
jquery中“outerHeight()”与“height()”的区别是什么?
在jQuery中，获取元素高度的函数有3个，其中有outerHeight()和height()。
成都地区优秀IDC服务器托管提供商(创新互联).为客户提供专业的四川服务器托管,四川各地服务器托管,四川服务器托管、多线服务器托管.托管咨询专线：13518219792
1.height():其高度范围是所匹配元素的高度height；height()获取匹配元素集合中的第一个元素的当前计算高度值 或 设置每一个匹配元素的高度值（带一个参数）。
要注意ss('height')和.height()之间的区别是后者返回一个没有单位的数值，前者是返回带有完整单位的字符串。
2.outerheight():其高度范围是所匹配元素的高度。获取元素集合中第一个元素的当前计算高度值,包括padding，border和选择性的margin。返回一个整数（不包含“px”）表示的值 ，或如果在一个空集合上调用该方法，则会返回 null。
outerHeight()函数的返回值为Number类型，返回第一个匹配元素的外高度。返回外高度时，outerHeight()函数只以其中第一个匹配的元素为准。如果没有匹配的元素，则返回null。
jQuery怎么简单去获取一个div的高度啊
第一步, 获取你要得到高度的那个div的jQuery对象, 获得方法有很多很多种, 具体你可以看一下jQuery API文档里的选择器部分, 在这里我只跟你说一个最直接的方法, 通过id获得: $("#div_id")
第二步, 要看你要得到的是什么高度了, jQuery里现有的三个(其实是两个)获得高度的方法是:
1. $("#div_id").height(); // 获得的是该div本身的高度, (不包含padding,margin,border)
2. $("#div_id").outerHeight(); // 包含该div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)
3. $("#div_id").outerHeight(true); // 包含该div本身的高度, 以及padding,border,margin上下的总高度
jQuery获取元素宽高
（1）、打点 width（） 获取元素的宽
（2）、打点 height（） 获取元素的高
（3）、打点 innerWidth（） 获取包含内边距和内容区域不包含边框的宽
（4）、打点 innerHeight（） 获取包含内边距和内容区域不包含边框的高
（5）、打点 outerWidth（） 获取包含内边距、内容区域、边框的宽度
（6）、打点 outerHeight（） 获取包含内边距、内容区域、边框的高度
jquery如何获取元素的滚动条高度等实现代码
主要功能：
获取浏览器显示区域（可视区域）的高度
：
$(window).height();
获取浏览器显示区域（可视区域）的宽度
：
$(window).width();
获取页面的文档高度
$(document).height();
获取页面的文档宽度
：
$(document).width();
浏览器当前窗口文档body的高度：
$(document.body).height();
浏览器当前窗口文档body的宽度：
$(document.body).width();
获取滚动条到顶部的垂直高度
(即网页被卷上去的高度)
$(document).scrollTop();
获取滚动条到左边的垂直宽度
：
$(document).scrollLeft();
获取或设置元素的宽度：
$(obj).width();
获取或设置元素的高度：
$(obj).height();
某个元素的上边界到body最顶部的距离：obj.offset().top;（在元素的包含元素不含滚动条的情况下）
某个元素的左边界到body最左边的距离：obj.offset().left;（在元素的包含元素不含滚动条的情况下）
返回当前元素的上边界到它的包含元素的上边界的偏移量：obj.offset().top（在元素的包含元素含滚动条的情况下）
返回当前元素的左边界到它的包含元素的左边界的偏移量：obj.offset().left（在元素的包含元素含滚动条的情况下）
//返回当前页面高度
function
pageHeight(){
if($.browser.msie){
return
document.compatMode
==
"CSS1Compat"?
document.documentElement.clientHeight
:
document.body.clientHeight;
}else{
return
self.innerHeight;
}
};
//返回当前页面宽度
function
pageWidth(){
if($.browser.msie){
return
document.compatMode
==
"CSS1Compat"?
document.documentElement.clientWidth
:
document.body.clientWidth;
}else{
return
self.innerWidth;
}
};
以下是其它网友的补充：
获取浏览器显示区域的高度
：
$(window).height();
获取浏览器显示区域的宽度
：$(window).width();
获取页面的文档高度
：$(document).height();
获取页面的文档宽度
：$(document).width();
获取滚动条到顶部的垂直高度
：$(document).scrollTop();
获取滚动条到左边的垂直宽度
：$(document).scrollLeft();
计算元素位置和偏移量：$(id).offset();
offset方法是一个很有用的方法，它返回包装集中第一个元素的偏移信息。默认情况下是相对body的偏移信息。结果包含
top和left两个属性。
offset(options,
results)
options.relativeTo指定相对计
算偏移位置的祖先元素。这个元素应该是relative或absolute定位。省略则相对body。
options.scroll是否把
滚动条计算在内，默认TRUE
options.padding是否把padding计算在内，默认false
options.margin
是否把margin计算在内，默认true
options.border是否把边框计算在内，默认true
子页面控制父页面：
parent.document.documentElement.scrollTop;
parent.document.documentElement.clientHeight;
文章名称：jquery获取元素高度,js获取dom元素的高度
文章来源：http://azwzsj.com/article/dsdoggd.html
