JS如何获取网页除了工具栏以外的高度

JS如何获取网页除了工具栏以外的高度,第1张

网页可见区域宽:documentbodyclientWidth

网页可见区域高:documentbodyclientHeight

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

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

网页正文全文宽:documentbodyscrollWidth

网页正文全文高:documentbodyscrollHeight

网页被卷去的高:documentbodyscrollTop

网页被卷去的左:documentbodyscrollLeft

网页正文部分上:windowscreenTop

网页正文部分左:windowscreenLeft

屏幕分辨率的高:windowscreenheight

屏幕分辨率的宽:windowscreenwidth

屏幕可用工作区高度:windowscreenavailHeight

屏幕可用工作区宽度:windowscreenavailWidth

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

如下:

它接受一个Rect对象作为参数,执行过程中会根据当前窗口可视区域大小更新outRect的值,执行完毕后,就可以根据更新后的outRect来确定窗口可视区域的大小。所以正如outRect的名字所见,它是一个输出参数,后面如果提到getWindowVisibleDisplayFrame()方法的返回结果,指的也是参数outRect更新后的结果,getWindowVisibleDisplayFrame()本身是没有返回值的。此外,由于是输出参数,outRect必须不为null,一般在使用前会先new一个没有大小的Rect对象,将其作为参数传给getWindowVisibleDisplayFrame()方法。

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如何获取网页除了工具栏以外的高度全部的内容,包括:JS如何获取网页除了工具栏以外的高度、android获取可视区域失败、请问如何通过jquery获取页面内容的高度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9615027.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存