使用js获取页面的各种高度

Posted cc成

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用js获取页面的各种高度相关的知识,希望对你有一定的参考价值。

使用js获取相关高度:

  获取网页被滚动条卷去的高度——兼容写法:

    scrollHeight = documen.body.scrollTop || document.documentElement.scrollTop;

  获取网页全文的高度——兼容写法:

    windowHeight = document.body.scrollHeight || document.documentElement.scrollHeight;

  获取网页可视区域的高度——兼容写法:

    screenHeight = document.body.clientHeight || document.documentElement.clientHeight;

  获取某个元素的高度——利用DOM对象的属性http://www.w3school.com.cn/jsref/dom_obj_all.asp

    domElement = domElement.offsetHeight(包括border和padding)

 

使用jq获取相关高度:

  获取网页被滚动条卷去的高度:

    scrollHeight = $(window).scrollTop();

  获取网页全文的高度——兼容写法:

    windowHeight = $(document).height();

  获取网页可视区域的高度——兼容写法:

    screenHeight = $(window).height();

  获取某个元素的高度——利用DOM对象的属性:

    domElement = domElement.height();

 

以上是关于使用js获取页面的各种高度的主要内容,如果未能解决你的问题,请参考以下文章

js获取页面各种宽高

JS获取各种宽度高度的简单介绍:

JS里获取各种宽度,高度的简介

JS获取各种宽度高度的简单介绍

js获取各种高度的方法

2021-07-11【技术】js获取各种高度的方法