JS中，获取页面的宽高

   比如先设定的页面的距离如下图

 

1、用下面两串代码就可以获取可视页面的宽高；

document.documentElement.clientWidth | | document.body.clientWidth; 

document.documentElement.clientHeight | | document.body.clientHeight; 

根据页面的宽度不同，获取的宽高也是不一样的；

 

 

2、用下面两串代码就可以获取页面实际的宽高；

document.documentElement.scrollWidth | | document.body.scrollWidth; 

document.documentElement.scrollHeight | | document.body.scrollHeight; 

 

 

3、用下面两串代码就可以获取页面滚动条水平和垂直方向的移动距离；

document.documentElement.scrollLeft | | document.body.scrollLeft; 

document.documentElement.scrollTop| | document.body.scrollTop; 

 

提示：双竖杠后面是兼容写法，针对IE8以下的，高版本可以不写后面的兼容写法