[toc] 1. window.innerHeight：获取浏览器窗口的内部高度，可见的 window.innerWidth: 包括垂直滚动条的宽度 2. 对于ie8 7 6 5： document.documentElement.clientHeight：表示html文档所在窗口的当前高度 document.documentElement.clientWidth：当前的宽度，如果有垂直滚动条则减去滚动条宽度 3. 获取网页内容的宽高，滚动条的高度 document.documentElement.scrollHeight document.documentElement.scrollWidth 4. screen.availWidth：可用的屏幕宽度，也称作设备宽高 screen.availHeight：可用的屏幕高度 ``` console.log(window.innerHeight); //243 可见的 console.log(document.documentElement.clientHeight); //243 可见的 console.log(document.documentElement.scrollHeight); //243 可见的 //当把body设置为2000px时，scrollHeight为2000 console.log(screen.availHeight); //824 可用的设备高度 ``` ``` /*获取可视的区域的width*/ var vw = document.body.clientWidth || document.documentElement.clientWidth; //设备的宽度 var dw = window.screen.avaliWidth; ```