JQ：相对比较简便
获取浏览器显示区域（可视区域）的高度 ： $(window).height(); 获取浏览器显示区域（可视区域）的宽度 ： $(window).width(); 获取页面的文档高度 $(document).height(); 获取页面的文档宽度 ： $(document).width(); 浏览器当前窗口文档body的高度： $(document.body).height(); 浏览器当前窗口文档body的宽度： $(document.body).width(); 获取滚动条到顶部的垂直高度 (即网页被卷上去的高度) $(document).scrollTop(); 获取滚动条到左边的垂直宽度 ： $(document).scrollLeft(); 获取或设置元素的宽度： $(obj).width(); 获取或设置元素的高度： $(obj).height();
原生JS:
document.documentElement.scrollTop //firefox document.documentElement.scrollLeft //firefox document.body.scrollTop //IE document.body.scrollLeft //IE
像这种不兼容的获取方式，我们要做一下兼容，封装一个函数
function getScrollTop(){ var scroll_top = 0; if (document.documentElement && document.documentElement.scrollTop) {//如果非IE scroll_top = document.documentElement.scrollTop; } else if (document.body) {//IE浏览器 scroll_top = document.body.scrollTop; }; return scroll_top; };
网页工作区域的高度和宽度
document.documentElement.clientHeight// IE firefox
原文：https://www.cnblogs.com/xxflz/p/10453068.html