style.height：包括 元素的滾動條,不包括邊框

clientHeight：不包括元素的滾動條和邊框

offsetHeight：包括元素的滾動條和邊框

scrollHeight ：offsetHeight+scrollTop

公式是:

style.height=clientHeight+滾動條寬度;

offsetHeight=style.height+borderTop+borderBottom;

scrollHeight=offsetHeight+scrollTop;

同理: clientWidth，offsetWidth，style.width，scrollWidth

例。

<div id="eyejs" style="border: solid 10px red;width:100px;height:100px;overflow:scroll;">

<div style="height:200px;"></div>

</div>

<input type="button" onclick="alert(document.getElementById('eyejs').clientHeight)" value="點選clientHeight" />

<input type="button" onclick="alert(document.getElementById('eyejs').style.height)" value="點選style.height" />

<input type="button" onclick="alert(document.getElementById('eyejs').offsetHeight)" value="點選offsetHeight" />

<input type="button" onclick="alert(document.getElementById('eyejs').scrollHeight)" value="點選scrollHeight" />

本文來自：http://www.cnblogs.com/tianguook/archive/2011/02/28/1967481.html