码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-02-20 20:41:55      阅读:405      评论:0      收藏:0      [点我收藏+]

标签:写法   asp   属性   document   doc   获取   元素   dom   set   

使用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获取页面的各种高度

标签:写法   asp   属性   document   doc   获取   元素   dom   set   

原文地址:https://www.cnblogs.com/goforwards/p/8455773.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!