[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: 偏移量，包含元素在屏幕上所用的所有可見空間（包括所有的內邊距滾動條和邊框大小，不包括外邊距 ***** 各個瀏覽器在這些個東西的作怪下對這三個屬性表達: