window.innerHeight 與 window.outerHeight
window.innerHeight
瀏覽器窗口的視口(viewport)高度(以像素為單位)辛蚊,如果存在水平滾動(dòng)條,則包括它预皇。
只讀
window.outerHeight
Window.outerHeight 獲取整個(gè)瀏覽器窗口的高度(單位:像素)益咬,包括側(cè)邊欄(如果存在)逮诲、窗口鑲邊(window chrome)和窗口調(diào)正邊框(window resizing borders/handles)。
只讀幽告,沒(méi)有默認(rèn)值
在Chrome瀏覽器下梅鹦,任意窗口大小,表示圖片如下:
outerHeight
就是整個(gè)瀏覽器了的高度了冗锁,這里需要注意的是帘瞭,innerHeight
的高度在最下面是不包括邊框的,但是包括滾動(dòng)條蒿讥。
還有一點(diǎn),在F11全屏后抛腕,outerHeight
反而不能準(zhǔn)確表示芋绸。
window.innerWidth 與 window.outerWidth
全屏情況下,innerWidth與outerWidth相等担敌。
窗口模式下則需要區(qū)分邊框?qū)挾取?/strong>
感到困惑的是摔敛,f11全屏下,outerWidth呈現(xiàn)出了和innerWidth不一樣的數(shù)值
經(jīng)過(guò)粗略測(cè)量全封,Chrome的水平方向的兩個(gè)邊框?qū)挾葹?像素马昙,或許在全屏模式下,有別的測(cè)算方式刹悴。
scrollX行楞、scrollY
返回瀏覽器左邊界到操作系統(tǒng)桌面左邊界的水平距離和瀏覽器頂部距離系統(tǒng)桌面頂部的垂直距離。
這個(gè)就很好理解了土匀,以瀏覽器左上角為原點(diǎn)子房,進(jìn)行Desktop定位嘛。
PS大致測(cè)量
對(duì)于窗口最大化就轧,自然而然就是原點(diǎn)坐標(biāo)了证杭。
如果在F11下,則得到一個(gè)很奇怪的坐標(biāo)