js获取浏览器高度+上下滚动条的高度，也就是整个网页的高度，需求，要求兼容ie6,7,火狐等主流浏览器

您好！很高兴为您答疑！

给您提供一个代码，根据需要稍做修改就可以了，兼容各浏览器：

function getViewSizeWithoutScrollbar(){//不包含滚动条

return {

width : documentdocumentElementclientWidth,

height: documentdocumentElementclientHeight

}

}

function getViewSizeWithScrollbar(){//包含滚动条

if(windowinnerWidth){

return {

width : windowinnerWidth,

height: windowinnerHeight

}

}else if(documentdocumentElementoffsetWidth == documentdocumentElementclientWidth){

return {

width : documentdocumentElementoffsetWidth,

height: documentdocumentElementoffsetHeight

}

}else{

return {

width : documentdocumentElementclientWidth + getScrollWith(),

height: documentdocumentElementclientHeight + getScrollWith()

}

}

}

您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

网页可见区域宽：documentbodyclientWidth

网页可见区域高：documentbodyclientHeight

网页可见区域宽：documentbodyoffsetWidth (包括边线的宽)

网页可见区域高：documentbodyoffsetHeight (包括边线的宽)

网页正文全文宽：documentbodyscrollWidth

网页正文全文高：documentbodyscrollHeight

网页被卷去的高：documentbodyscrollTop

网页被卷去的左：documentbodyscrollLeft

网页正文部分上：windowscreenTop

网页正文部分左：windowscreenLeft

屏幕分辨率的高：windowscreenheight

屏幕分辨率的宽：windowscreenwidth

屏幕可用工作区高度：windowscreenavailHeight

屏幕可用工作区宽度：windowscreenavailWidth

你所指的应该是网页所见区域高，即documentbodyclientHeight

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获取浏览器高度+上下滚动条的高度，也就是整个网页的高度，需求，要求兼容ie6,7,火狐等主流浏览器全部的内容，包括:js获取浏览器高度+上下滚动条的高度，也就是整个网页的高度，需求，要求兼容ie6,7,火狐等主流浏览器、JS如何获取网页除了工具栏以外的高度、请问如何通过jquery获取页面内容的高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！