window.innerHeight（innerWidth）：表示可見區(qū)域的高度（寬度）爆存，如果底部（右側(cè)）有滾動條蛉顽，會把底部（右側(cè)）滾動條的高度（寬度）計算進(jìn)去，此方法適用于標(biāo)準(zhǔn)瀏覽器及IE9+先较。
document.documentElement.clientHeight（clientWidth）：表示可見區(qū)域的高度（寬度）携冤，不會把滾動條的高度寬度計算進(jìn)去，此方法適用于標(biāo)準(zhǔn)瀏覽器及低版本IE標(biāo)準(zhǔn)模式闲勺。
document.documentElement.offsetHeight（offsetWidth）：首先offsetWidth獲得的值與clientWidth一樣曾棕，而offsetHeight獲得的是整個文檔的高度。
注意：
個人認(rèn)為上面的documentElement不代表body菜循。當(dāng)一個element有border時翘地，element.offsetHeight包含border的值，而element.clientHeight不包含border的寬度。
document.documentElement.scrollHeight（scrollWidth）：獲得網(wǎng)頁正文全文高和寬衙耕，包含邊線寬度昧穿。
document.body.clientHeight（clientWidth）：首先clientWidth獲得的值等于document.documentElement.offsetWidth剪去body邊線寬度，而clientHeight獲得的是整個body的高度減去邊線寬度橙喘。
document.body.offsetHeight（offsetWidth）：獲得的值等于document.body.clientHeight（clientWidth）加上body的邊線（border）寬度时鸵，即這兩個值取到到的包含邊線寬度。
document.body.scrollHeight（scrollWidth）：獲得網(wǎng)頁正文全文高和寬厅瞎，包含邊線寬度饰潜。
document.body.scrollTop（scrollLeft）：瀏覽器窗口頂部與文檔頂部之間的距離（瀏覽器窗口與文檔左側(cè)之間的距離），也就是滾動條滾動的距離和簸。
window.pageYOffset（pageXOffset）：瀏覽器窗口頂部與文檔頂部之間的距離（瀏覽器窗口與文檔左側(cè)之間的距離）彭雾，也就是滾動條滾動的距離。
window.screen.height（width）：屏幕分辨率的高（寬）锁保。
window.screen.availHeight（availWidth）：屏幕可用工作區(qū)高（寬）薯酝。
下面我們來解釋一下offsetTop、clientTop身诺、scrollTop分別代表什么：
offsetTop:距離上方或上層控件的位置蜜托，整型抄囚，單位像素霉赡。
clientTop:元素的內(nèi)容區(qū)距離元素邊緣的距離，即元素的邊線寬度幔托。
scrollTop:元素窗口頂部與元素頂部之間的距離穴亏，即元素內(nèi)部滾動條滾動的距離。
