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

1方法如下：

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

$(window)height();

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

$(window)width();

获取页面的文档高度

$(document)height();

获取页面的文档宽度 ：

$(document)width();

浏览器当前窗口文档body的高度：

$(documentbody)height();

浏览器当前窗口文档body的宽度：

$(documentbody)width();

获取滚动条到顶部的垂直高度 (即网页被卷上去的高度)

$(document)scrollTop();

获取滚动条到左边的垂直宽度 ：

$(document)scrollLeft();

获取或设置元素的宽度：

$(obj)width();

获取或设置元素的高度：

$(obj)height();

某个元素的上边界到body最顶部的距离：objoffset()top;（在元素的包含元素不含滚动条的情况下）

某个元素的左边界到body最左边的距离：objoffset()left;（在元素的包含元素不含滚动条的情况下）

返回当前元素的上边界到它的包含元素的上边界的偏移量：objoffset()top（在元素的包含元素含滚动条的情况下）

返回当前元素的左边界到它的包含元素的左边界的偏移量：objoffset()left（在元素的包含元素含滚动条的情况下）

2代码如下：

//返回当前页面高度

function pageHeight(){

if($browsermsie){

return documentcompatMode == "CSS1Compat" documentdocumentElementclientHeight :

documentbodyclientHeight;

}else{

return selfinnerHeight;

}

};

//返回当前页面宽度

function pageWidth(){

if($browsermsie){

return documentcompatMode == "CSS1Compat" documentdocumentElementclientWidth :

documentbodyclientWidth;

}else{

return selfinnerWidth;

}

};

在js使用过程中可能会根据要求获取浏览器高度和宽度。

一、获取浏览器的高度：

jquery代码直接使用 $(window)height();

原生态JS代码需要考虑页面DOCTYPE的声明，使用以下代码：

<script>

var w=documentdocumentElementdocumentdocumentElementclientHeight:documentbodyclientHeight;

alert(w);

</script>

二、获取浏览器的宽度：

jquery代码直接使用 $(window)With();

原生态JS代码：

var w=documentdocumentElementdocumentdocumentElementclientWidth:documentbodyclientWidth;

offsetHeight 是js 的方法，不是jquery 的方法。你通过$("div:eq(1)")返回不是普通的DOM 对象,而是jQuery 包装过的jQuery 对象，所以大多数js 底层的方法或属性都不能直接用了。应该用height()试试alert($("div:eq(1)")height())

获取浏览器显示区域的高度 ： $(window)height();

获取浏览器显示区域的宽度 ：$(window)width();

获取页面的文档高度 ：$(document)height();

获取页面的文档宽度 ：$(document)width();

获取滚动条到顶部的垂直高度 ：$(document)scrollTop();

获取滚动条到左边的垂直宽度 ：$(document)scrollLeft();

计算元素位置和偏移量：$(id)offset();

offset方法是一个很有用的方法，它返回包装集中第一个元素的偏移信息。默认情况下是相对body的偏移信息。结果包含 top和left两个属性。

offset(options, results)

optionsrelativeTo指定相对计

算偏移位置的祖先元素。这个元素应该是relative或absolute定位。省略则相对body。

optionsscroll是否把

滚动条计算在内，默认TRUE

optionspadding是否把padding计算在内，默认false

optionsmargin

是否把margin计算在内，默认true

optionsborder是否把边框计算在内，默认true

子页面控制父页面：

parentdocumentdocumentElementscrollTop;

parentdocumentdocumentElementclientHeight;

方法介绍：

使用innerHeight（）方法：

获取第一个匹配元素内部区域宽度（包括补白、不包括边框）

使用height（）方法

取得匹配元素当前计算的高度值（px）。

需要准备的材料分别有：电脑、chrome浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery。

2、其次在indexhtml中的<script>标签，输入js代码：

documentbodyinnerText = $(window)height();

3、浏览器运行indexhtml页面，此时会通过jquery获取到窗口高度“743”并打印出。

以上就是关于请问如何通过jquery获取页面内容的高度全部的内容，包括:请问如何通过jquery获取页面内容的高度、jquery js获取移动设备浏览器高度、jQuery的选择器如何取得某一元素的高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！