經常使用高度

jquery

1. height()：不margin和border, outerHeight(true)：什麼都包括

2. $().offset().top元素離頂部的高度，$().scrollTop()元素離瀏覽器可視頂部的高度

js：

1. clientHeight 只包括padding offsetHight 不包括margin

2. offsetTop表示該元素的左上角（邊框外邊緣）與已定位的父容器（offsetParent對象）左上角的距離，獲取元素離頂部的高度：

var offsetTop=function( elem ){
      var top = elem.offsetTop;
      var parent = elem.offsetParent;
      while( parent != null ){
      top += parent.offsetTop;
      parent = parent.offsetParent;
      }
      return top;
    }

1. 元素離瀏覽器可視頂部的高度 ：getBoundingClientRect().top(其餘各類方向)

2. 其餘經常使用的高度：瀏覽器可視高度：document.documentElement.clientHeight 瀏覽器滾動高度：
   document.documentElement.scrollTop，瀏覽器文檔的document.body.scrollHeight