heigh,clientHeight , scrollHeight , offsetHeight介绍

1. height是element元素部分属性，值为字符型，而其他三种的值为数字型，JS获取方式document.body.style.height，如果写成document.body.height会提示undefined，此外只有内联样式JS中才能获取height。通过外联样式或外部样式书写的height，JS中无法获取height值
2. clientHeight：元素客户区的大小，内容的可视区域，不包含border(用户可见区域大小) clientheight=padding+height-横向滚动轴高度，JS获取方式document.body.clientHeight。
3. offsetHeight: 偏移量，包含元素在屏幕上所用的所有可见空间（包括所有的内边距滚动条和边框大小，不包括外边距）offsetheight=padding+height+border+横向滚动轴高度，JS获取方式document.body.offsetHeight 
4. scrollHeight，可滚动高度，就是将滚动框拉直，不再滚动的高度，这个很好理解。scrollHeight通常用在iframe自适应内容高度的情况不同浏览器对scrollHeight的实现不同，建议少用，JS获取方式document.body.scrollHeight

注意：一定要将css样式放在javascript之前或者window加载完毕后执行js。