二、顯示器的屏幕信息

screeen.height:屏幕分辨率的高

screen.width:屏幕分辨率的寬

前面這兩個(gè)數(shù)表示：屏幕寬高(屏幕像素) ---- 定值

screen.availHeight:屏幕可用高度（屏幕分辨率的高度-上下測(cè)任務(wù)欄的高度）

screen.availWidth:屏幕可用寬度（屏幕分辨率的寬度-左右側(cè)任務(wù)欄的寬度）

前面這兩個(gè)數(shù)表示：屏幕可用寬高(像素) ---- 定值

三、瀏覽器信息

window.outerHeight:瀏覽器高度

window.innerHeight:瀏覽器可用高度

工具欄高度=window.outerHeight-window.innerHeight;

相應(yīng)的還有window.outerWidth、window.innerWidth

四、頁面信息

document.body.offsetHeight: body的總高度，也成為網(wǎng)頁可見區(qū)域的高度（包括邊框?qū)挾龋?/strong>

document.body.offsetWidth: body的總寬度，也成為網(wǎng)頁可見區(qū)域的寬度（包括邊框?qū)挾龋?br />

document.body.clientHeight: body向用戶展示的高度，也成為網(wǎng)頁可見區(qū)域的高度（不包括邊框?qū)挾龋?/strong>

document.body.clientWidth: body向用戶展示的寬度，也成為網(wǎng)頁可見區(qū)域的寬度（不包括邊框?qū)挾?br />

offsetWidthh和clientWidth會(huì)隨著瀏覽器窗口的大小變化而發(fā)生改變，而offsetHeight和clientHeight就不會(huì)發(fā)生變化，可以理解為一個(gè)定值

四、頁面信息

document.body.offsetHeight: body的總高度，也成為網(wǎng)頁可見區(qū)域的高度（包括邊框?qū)挾龋?/strong>

document.body.offsetWidth: body的總寬度，也成為網(wǎng)頁可見區(qū)域的寬度（包括邊框?qū)挾龋?br />

document.body.clientHeight: body向用戶展示的高度，也成為網(wǎng)頁可見區(qū)域的高度（不包括邊框?qū)挾龋?/strong>

document.body.clientWidth: body向用戶展示的寬度，也成為網(wǎng)頁可見區(qū)域的寬度（不包括邊框?qū)挾龋?/p>

offsetWidthh和clientWidth會(huì)隨著瀏覽器窗口的大小變化而發(fā)生改變，而offsetHeight和clientHeight就不會(huì)發(fā)生變化，可以理解為一個(gè)定值