[TOC] ## 获取window对象中的高度 ### 浏览器窗口的尺寸(就是内容部分，可以看见的部分，不包括工具栏和滚动条) #### 对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari： * [ ] window.innerHeight - 浏览器窗口的可见高度 * [ ] window.innerWidth - 浏览器窗口的可见宽度 ***** #### 对于 Internet Explorer 8、7、6、5： * [ ] document.documentElement.clientHeight * [ ] document.documentElement.clientWidth 或者 * [ ] document.body.clientHeight * [ ] document.body.clientWidth ***** #### 兼容所有浏览器： var w=window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var h=window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; ***** #### clientHeight , scrollHeight , offsetHeight之间的区别 * [ ] clientHeight：元素客户区的大小，指的是元素内容及其边框所占据的空间大小（经过实践取出来的大多是视口大小） * [ ] scrollHeight: 滚动大小，指的是包含滚动内容的元素大小（元素内容的总高度） * [ ] offsetHeight: 偏移量，包含元素在屏幕上所用的所有可见空间（包括所有的内边距滚动条和边框大小，不包括外边距 ***** 各个浏览器在这些个东西的作怪下对这三个属性表达: