1 回答

TA貢獻4條經驗 獲得超6個贊
二、顯示器的屏幕信息
screeen.height:屏幕分辨率的高
screen.width:屏幕分辨率的寬
前面這兩個數表示:屏幕寬高(屏幕像素) ---- 定值
screen.availHeight:屏幕可用高度(屏幕分辨率的高度-上下測任務欄的高度)
screen.availWidth:屏幕可用寬度(屏幕分辨率的寬度-左右側任務欄的寬度)
前面這兩個數表示:屏幕可用寬高(像素) ---- 定值
三、瀏覽器信息
window.outerHeight:瀏覽器高度
window.innerHeight:瀏覽器可用高度
工具欄高度=window.outerHeight-window.innerHeight;
相應的還有window.outerWidth、window.innerWidth
四、頁面信息
document.body.offsetHeight: body的總高度,也成為網頁可見區域的高度(包括邊框寬度)
document.body.offsetWidth: body的總寬度,也成為網頁可見區域的寬度(包括邊框寬度)
document.body.clientHeight: body向用戶展示的高度,也成為網頁可見區域的高度(不包括邊框寬度)
document.body.clientWidth: body向用戶展示的寬度,也成為網頁可見區域的寬度(不包括邊框寬度
offsetWidthh和clientWidth會隨著瀏覽器窗口的大小變化而發生改變,而offsetHeight和clientHeight就不會發生變化,可以理解為一個定值
四、頁面信息
document.body.offsetHeight: body的總高度,也成為網頁可見區域的高度(包括邊框寬度)
document.body.offsetWidth: body的總寬度,也成為網頁可見區域的寬度(包括邊框寬度)
document.body.clientHeight: body向用戶展示的高度,也成為網頁可見區域的高度(不包括邊框寬度)
document.body.clientWidth: body向用戶展示的寬度,也成為網頁可見區域的寬度(不包括邊框寬度)
offsetWidthh和clientWidth會隨著瀏覽器窗口的大小變化而發生改變,而offsetHeight和clientHeight就不會發生變化,可以理解為一個定值
添加回答
舉報