JS浏览器获取宽高

• screen.availHeight is
  the height the browser's window can have if it is maximized. (including all the window decoration of the browser like the status bar, menu bars and title bar)
• $(window).height() is
  the height of the viewport that shows the website. (excluding your toolbars and status bar and stuff like this)
• $(document).height() is
  the height of your document shown in the viewport. If it is higher than $(window).height() you
  get the scrollbars to scroll the document.

网页可见区域宽：document.body.clientWidth

网页可见区域高：document.body.clientHeight (html下获取浏览器高度，xhtml下获取元素总高度)

网页可见区域高：document.documentElement.clientHeight (xhtml下获取浏览器高度)

网页可见区域宽：document.body.offsetWidth (包括边线的宽)

网页可见区域高：document.body.offsetHeight (包括边线的宽)

网页正文全文宽：document.body.scrollWidth

网页正文全文高：document.body.scrollHeight

网页被卷去的高：document.body.scrollTop

网页被卷去的左：document.body.scrollLeft

网页正文部分上：window.screenTop

网页正文部分左：window.screenLeft

屏幕分辨率的高：window.screen.height

屏幕分辨率的宽：window.screen.width

屏幕可用工作区高度：window.screen.availHeight

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