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

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

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;

}

};

大概是窗口还没达到你要的高度就获取了,获取显示区域尺寸可以用 clientHeight clientWidth

获取内容尺寸可以用 scrollHeight scrollWidth

网页可见区域宽: documentbodyclientWidth

网页可见区域高: documentbodyclientHeight

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

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

网页正文全文宽: documentbodyscrollWidth

网页正文全文高: documentbodyscrollHeight

网页被卷去的高: documentbodyscrollTop

网页被卷去的左: documentbodyscrollLeft

网页正文部分上: windowscreenTop

网页正文部分左: windowscreenLeft

屏幕分辨率的高: windowscreenheight

屏幕分辨率的宽: windowscreenwidth

屏幕可用工作区高度: windowscreenavailHeight

屏幕可用工作区宽度: windowscreenavailWidth

获取浏览器显示区域的高度 :

$(window)height();

获取浏览器显示区域的宽度 :

$(window)width();

获取页面的文档高度 :

$(document)height();

获取页面的文档宽度 :

$(document)width();

获取滚动条到顶部的垂直高度 :

$(document)scrollTop();

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

$(document)scrollLeft();

计算元素位置和偏移量:

$(id)offset();

以上就是关于请问如何通过jquery获取页面内容的高度全部的内容,包括:请问如何通过jquery获取页面内容的高度、今天用jQuery写一个d出层用于显示图片。将新DIV添加到body里面去的时候获取DIV宽度时、jquery 如何获取滚动条的宽度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10101075.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存