Javascript获取浏览器和屏幕及元素宽高的方法如下:

document.body.clientWidth      //网页可见区域宽(body)
document.body.clientHeight     //网页可见区域高(body)
document.body.offsetWidth     //网页可见区域宽(body),包括border、margin等
document.body.offsetHeight    //网页可见区域宽(body),包括border、margin等
document.body.scrollWidth      //网页正文全文宽,包括有滚动条时的未见区域
document.body.scrollHeight     //网页正文全文高,包括有滚动条时的未见区域
document.body.scrollTop         //网页被卷去的Top(滚动条)
document.body.scrollLeft         //网页被卷去的Left(滚动条)
window.screenTop                   //浏览器距离Top
window.screenLeft                   //浏览器距离Left
window.screen.height              //屏幕分辨率的高
window.screen.width               //屏幕分辨率的宽
window.screen.availHeight        //屏幕可用工作区的高
window.screen.availWidth         //屏幕可用工作区的宽
window.devicePixelRatio       //屏幕缩放因子
屏幕逻辑分辨率 = window.screen.width * window.devicePixelRatio (缩放因子与物理分辨率的乘积)