如何通过JS获取指定页面的高度

如何通过JS获取指定页面的高度,第1张

网页可见区域宽: documentbodyclientWidth

网页可见区域高: documentbodyclientHeight

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

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

网页正文全文宽: documentbodyscrollWidth

网页正文全文高: documentbodyscrollHeight

网页被卷去的高: documentbodyscrollTop

网页被卷去的左: documentbodyscrollLeft

网页正文部分上: windowscreenTop

网页正文部分左: windowscreenLeft

屏幕分辨率的高: windowscreenheight

屏幕分辨率的宽: windowscreenwidth

屏幕可用工作区高度: windowscreenavailHeight

屏幕可用工作区宽度: windowscreenavailWidth

--------------这种问题网上一搜一大把,关键是要理解其中JS获取的原理----------

用clientHeight或offsetHeight。

对于没有具体设置高度的元素,不能直接用height获取高度。

clientHeight表示内容可见区域高度;offsetHeight不同浏览器数值不尽相同,除了clientHeight的高度外还包括边框等的高度。

strInfo+=\r\n网页可见区域高:+documentbodyclientHeight;

strInfo+=\r\n网页可见区域宽:+documentbodyoffsetWidth+(包括边线的宽);

strInfo+=\r\n网页可见区域高:+documentbodyoffsetHeight+(包括边线的高);

strInfo+=\r\n网页正文全文宽:+documentbodyscrollWidth;

strInfo+=\r\n网页正文全文高:+documentbodyscrollHeight;

strInfo+=\r\n网页被卷去的高:+documentbodyscrollTop;

strInfo+=\r\n网页被卷去的左:+documentbodyscrollLeft;

strInfo+=\r\n网页正文部分上:+windowscreenTop;

strInfo+=\r\n网页正文部分左:+windowscreenLeft;

strInfo+=\r\n屏幕分辨率的高:+windowscreenheight;

strInfo+=\r\n屏幕分辨率的宽:+windowscreenwidth;

strInfo+=\r\n屏幕可用工作区高度:+windowscreenavailHeight;

strInfo+=\r\n屏幕可用工作区宽度:+windowscreenavailWidth;

windowconfirm(strInfo);

</script

-----------------------------------------------------------------------------------------

最近编程中发现html静态页面的开发可以使用

documentbodyClientHeight

来获得页面的高度,但aspnet的页面却无法这样获取,获取到的只是页面最小的高度,比如页面只有一个button,那么该js语句获得的就是24。

documentdocumentElementOffsetHeight

----------------------------------------------------------------------------------------加上documentbodyscrollLeft;

documentbodyscrollTop;

x=documentbodyclientWidth+documentbodyscrollLeft;

y=documentbodyclientHeight+documentbodyscrollTop;若想得到整个页面的高度可以用

js获取浏览器可见区域(不包括标题栏、地址栏、收藏夹栏状态栏等额外区域,仅为页面呈现区域)的高度和宽度

宽度:documentdocumentElementclientWidth

高度:documentdocumentElementclientHeight

文档类型:XHTML10

浏览器:ALL

以上就是关于如何通过JS获取指定页面的高度全部的内容,包括:如何通过JS获取指定页面的高度、怎么用js获取到外部样式表写的高度为auto的div的真实高度呢、javascript如何获取页面的高度和宽度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存