jquery取高度,jquery获取浏览器高度

jquery怎么获取div高度

建议你这样试试看：

创新互联2013年至今，先为盘锦等服务建站，盘锦等地企业，进行企业商务咨询服务。为盘锦企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

获取你要得到高度的那个div的jQuery对象，获得方法有很多很多种，具体你可以看一下jQuery API文档里的选择器部分，在这里我只跟你说一个最直接的方法，通过id获得：$("#id")

要看你要得到的是什么高度了，jQuery里现有的三个获得高度的方法是：

$("#id").height(); // 获得的是该div本身的高度, (不包含padding,margin,border)

$("#id").outerHeight(); // 包含该div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)

$("#id").outerHeight(true); // 包含该div本身的高度, 以及padding,border,margin上下的总高度

jquery怎么获取浏览器高度

获取浏览器的高度要有点计算，如下：

alert($(window).height()); //浏览器当前窗口可视区域高度 

alert($(document).height()); //浏览器当前窗口文档的高度 

alert($(document.body).height());//浏览器当前窗口文档body的高度 

alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin 

alert($(window).width()); //浏览器当前窗口可视区域宽度 

alert($(document).width());//浏览器当前窗口文档对象宽度 

alert($(document.body).width());//浏览器当前窗口文档body的高度 

alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin 

// 获取页面的高度、宽度

function getPageSize() {

var xScroll, yScroll;

if (window.innerHeight  window.scrollMaxY) {

xScroll = window.innerWidth + window.scrollMaxX;

yScroll = window.innerHeight + window.scrollMaxY;

} else {

if (document.body.scrollHeight  document.body.offsetHeight) { // all but Explorer Mac    

xScroll = document.body.scrollWidth;

yScroll = document.body.scrollHeight;

} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari    

xScroll = document.body.offsetWidth;

yScroll = document.body.offsetHeight;

}

}

var windowWidth, windowHeight;

if (self.innerHeight) { // all except Explorer    

if (document.documentElement.clientWidth) {

windowWidth = document.documentElement.clientWidth;

} else {

windowWidth = self.innerWidth;

}

windowHeight = self.innerHeight;

} else {

if (document.documentElement  document.documentElement.clientHeight) { // Explorer 6 Strict Mode    

windowWidth = document.documentElement.clientWidth;

windowHeight = document.documentElement.clientHeight;

} else {

if (document.body) { // other Explorers    

windowWidth = document.body.clientWidth;

windowHeight = document.body.clientHeight;

}

}

}       

// for small pages with total height less then height of the viewport    

if (yScroll  windowHeight) {

pageHeight = windowHeight;

} else {

pageHeight = yScroll;

}    

// for small pages with total width less then width of the viewport    

if (xScroll  windowWidth) {

pageWidth = xScroll;

} else {

pageWidth = windowWidth;

}

arrayPageSize = new Array(pageWidth, pageHeight, windowWidth, windowHeight);

return arrayPageSize;

}

// 滚动条

document.body.scrollTop;

$(document).scrollTop();

请问如何通过jquery获取页面内容的高度?

1.方法如下：

获取浏览器显示区域（可视区域）的高度 ：

$(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（在元素的包含元素含滚动条的情况下）

2.代码如下：

//返回当前页面高度

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;

}

};

jquery获取滚动条高度和位置

1、jquery获取滚动条高度使用.scrollTop()方法。

2、首先我们新建一个长篇的HTML文档。

3、然后我们编辑JS脚本，使用.scroll()方法，监听网页滚动。

4、然后我们使用.scrollTop()获取垂直滚动距离。

5、然后保存文件，查看获取的垂直滚动距离即可。

网页题目：jquery取高度,jquery获取浏览器高度
本文地址：https://www.cdcxhl.com/article14/dsddige.html

成都网站建设公司_创新互联，为您提供静态网站、动态网站、网站改版、网站营销、软件开发、微信公众号

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联