js 获取页面宽度和高度

网页可见区域宽：document.body.clientWidth 
网页可见区域高：document.body.clientHeight
网页可见区域宽(包括边线的宽)：document.body.offsetWidth  
网页可见区域高(包括边线的宽)：document.body.offsetHeight
网页被卷去的左：document.body.scrollLeft 
网页正文部分上：window.screenTop 
网页正文部分左：window.screenLeft 
屏幕分辨率的高：window.screen.height 
屏幕分辨率的宽：window.screen.width
网页正文全文宽：document.body.scrollWidth 
网页正文全文高：document.body.scrollHeight 
网页被卷去的高：document.body.scrollTop
屏幕可用工作区高度：window.screen.availHeight

屏幕可用工作区宽度：window.screen.availWidth

手机浏览器窗口的可视高度会由顶部地址栏的隐藏与否而变化，可以监听window的resize事件准确获取窗口高度：

var winHeight = window.innerHeight;
window.addEventListener('resize', function(event){
    winHeight = window.innerHeight;
});