获取页面高度和宽度等

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/m0_38102188/article/details/84966917

1. 获取页面相关的高度

• 获取网页可见区域的高（不包括菜单栏）

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

• 获取页面body的高（不包括菜单栏，包括滚动条滚动的高度）

var bodyHeight =  document.documentElement.offsetHeight ||  document.body.offsetHeight;

• 获取滚动条卷起的高度

var screenScrollTop = document.documentElement.scrollTop || document.body.scrollTop;

2. 获取页面相关宽度

• 获取页面可视区域宽度（不包括包括滚动条，滚动条的宽度一般是17px）

 var clientWidth = document.documentElement.clientWidth || document.body.clientWidth;

• 获取整个屏幕的宽度（包括滚动条）

var screenWidth =  window.innerWidth;