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

原文链接： https://www.mk2048.com/blog/blog.php?id=h0j00a2kikaa&title=%E4%BD%BF%E7%94%A8js%E8%8E%B7%E5%8F%96%E9%A1%B5%E9%9D%A2%E7%9A%84%E5%90%84%E7%A7%8D%E9%AB%98%E5%BA%A6

使用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：

　　　　domHeight = domElement.offsetHeight（包括border和padding）

使用jq获取相关高度：

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

　　　　scrollHeight = $(window).scrollTop();

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

　　　　windowHeight = $(document).height();

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

　　　　screenHeight = $(window).height();

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

　　　　domHeight = domElement.height();

更多专业前端知识，请上 【猿2048】www.mk2048.com