特别实用的-js判断浏览器窗体、用户屏幕可视区域大小位置的方法

  有时我们需要获得浏览器窗口或屏幕的大小、窗口下拉框下拉的距离等数据，对应这些需求，js中提供了不少解决方法，只是数量稍多容易混淆它们各自的意义，下面咱们用图例来解释下12个常见对象属性的作用。
  其中有6个常用的浏览器窗体属性 （由于offsetWidth/Height在不同浏览器下表现有出入，故不在本章讨论） ：
  document.documentElement.clientWidth
  document.documentElement.clientHeight
  document.documentElement.scrollWidth
  document.documentElement.scrollHeight
  document.body.scrollTop
  document.body.scrollLeft
和6个常用的屏幕对象属性：
  window.screen.width
  window.screen.height
  window.screenTop
  window.screenLeft
  window.screen.availHeight
  window.screen.availWidth