JS獲取瀏覽器可視區(qū)域的尺寸

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

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

document.body.offsetWidth document.body.offsetHeight

在聲明了DOCTYPE的瀏覽器中，可以用以下來(lái)獲取瀏覽器顯示窗口大小：

document.documentElement.clientWidth document.documentElement.clientHeight

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

window.innerWidth window.innerHeight

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

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

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

說(shuō)明：本博客文章全部copy于Internet，沒(méi)有原創(chuàng)，如有問(wèn)題請(qǐng)自行解決