js獲取瀏覽器可視區域的寬度
在沒有宣告DOCTYPE的IE中,瀏覽器顯示視窗大小隻能以下獲取:
document.body.offsetWidth
document.body.offsetHeight
在聲明瞭DOCTYPE的瀏覽器中,可以用以下來獲取瀏覽器顯示視窗大小:
document.documentElement.clientWidth
document.documentElement.clientHeight
網頁可見區域寬: document.body.clientWidth; 網頁可見區域高: document.body.clientHeight;
網頁可見區域高: document.body.offsetWidth; //包括邊線的寬
網頁可見區域高: document.body.offsetHeight; //包括邊線的寬
網頁正文全文寬: document.body.scrollWidth;
網頁正文全文高: document.body.scrollHeight;
網頁被捲去的高: document.body.scrollTop;
網頁被捲去的左: document.body.scrollLeft;
網頁正文部分上: window.screenTop;
網頁正文部分左: window.screenLeft;
螢幕解析度的高: window.screen.height;
螢幕解析度的寬: window.screen.width;
螢幕可用工作區高度: window.screen.availHeight;
螢幕可用工作區寬度: window.screen.availWidth;
clientX 設定或獲取滑鼠指標位置相對於視窗客戶區域的 x 座標,其中客戶區域不包括視窗自身的控制元件和滾動條。
clientY 設定或獲取滑鼠指標位置相對於視窗客戶區域的 y 座標,其中客戶區域不包括視窗自身的控制元件和滾動條。
offsetX 設定或獲取滑鼠指標位置相對於觸發事件的物件的 x 座標。
offsetY 設定或獲取滑鼠指標位置相對於觸發事件的物件的 y 座標。
screenX 設定或獲取獲取滑鼠指標位置相對於使用者螢幕的 x 座標。
screenY 設定或獲取滑鼠指標位置相對於使用者螢幕的 y 座標。
x 設定或獲取滑鼠指標位置相對於父文件的 x 畫素座標。
y 設定或獲取滑鼠指標位置相對於父文件的 y 畫素座標。