JS獲取瀏覽器可視區(qū)域的尺寸 -= 所謂可視區(qū)域是指能看得見的區(qū)域，即在瀏覽器中能看到頁面的區(qū)域（高度與寬度）。剛剛使用 document.body.clientHeight 來獲取可視區(qū)域的高度得到的卻是整個文檔的高度，然后在cnblogs.com的一篇文章中獲知需要通過 document.documentElement.clientHeight 才能獲取到瀏覽器的可視區(qū)域的高度，順便將該文章摘下來，如下：

在沒有聲明DOCTYPE的IE中，瀏覽器顯示窗口大小只能以下獲?。?/p>

document.body.offsetWidth document.body.offsetHeight

在聲明了DOCTYPE的瀏覽器中，可以用以下來獲取瀏覽器顯示窗口大?。?/p>

document.documentElement.clientWidth document.documentElement.clientHeight

IE，F(xiàn)F，Safari皆支持該方法，opera雖支持該屬性，但是返回的是頁面尺寸； 同時，除了IE以外的所有瀏覽器都將此信息保存在window對象中，可以用以下獲?。?/p>

window.innerWidth window.innerHeight

網(wǎng)頁可見區(qū)域?qū)挘?document.body.clientWidth; 
網(wǎng)頁可見區(qū)域高： document.body.clientHeight; 
網(wǎng)頁可見區(qū)域高： document.body.offsetWidth;  //包括邊線的寬
網(wǎng)頁可見區(qū)域高： document.body.offsetHeight; //包括邊線的寬
網(wǎng)頁正文全文寬： document.body.scrollWidth; 
網(wǎng)頁正文全文高： document.body.scrollHeight; 
網(wǎng)頁被卷去的高： document.body.scrollTop;
網(wǎng)頁被卷去的左： document.body.scrollLeft;
網(wǎng)頁正文部分上： window.screenTop; 
網(wǎng)頁正文部分左： window.screenLeft; 
屏幕分辨率的高： window.screen.height;
屏幕分辨率的寬： window.screen.width;
屏幕可用工作區(qū)高度： window.screen.availHeight; 
屏幕可用工作區(qū)寬度： window.screen.availWidth;

clientX 設(shè)置或獲取鼠標(biāo)指針位置相對于窗口客戶區(qū)域的 x 坐標(biāo)，其中客戶區(qū)域不包括窗口自身的控件和滾動條。

clientY 設(shè)置或獲取鼠標(biāo)指針位置相對于窗口客戶區(qū)域的 y 坐標(biāo)，其中客戶區(qū)域不包括窗口自身的控件和滾動條。 offsetX 設(shè)置或獲取鼠標(biāo)指針位置相對于觸發(fā)事件的對象的 x 坐標(biāo)。 offsetY 設(shè)置或獲取鼠標(biāo)指針位置相對于觸發(fā)事件的對象的 y 坐標(biāo)。 screenX 設(shè)置或獲取獲取鼠標(biāo)指針位置相對于用戶屏幕的 x 坐標(biāo)。 screenY 設(shè)置或獲取鼠標(biāo)指針位置相對于用戶屏幕的 y 坐標(biāo)。 x 設(shè)置或獲取鼠標(biāo)指針位置相對于父文檔的 x 像素坐標(biāo)。 y 設(shè)置或獲取鼠標(biāo)指針位置相對于父文檔的 y 像素坐標(biāo)。

說明：本博客文章全部copy于Internet，沒有原創(chuàng)，如有問題請自行解決