JS 獲取屏幕、瀏覽器、頁面的高度寬度

（草稿）

屏幕信息

• screen.height ：屏幕高度。

• screen.width ：屏幕寬度。

• screen.availHeight ：屏幕可用高度。即屏幕高度減去上下任務欄後的高度，可表示爲軟件最大化時的高度。

• screen.availWidth ：屏幕可用寬度。即屏幕寬度減去左右任務欄後的寬度，可表示爲軟件最大化時的寬度。

任務欄高/寬度 ：可經過屏幕高/寬度 減去 屏幕可用高/寬度得出。如：任務欄高度 = screen.height - screen.availHeight

瀏覽器信息

• window.outerHeight ：瀏覽器高度。

• window.outerWidth ：瀏覽器寬度。

• window.innerHeight ：瀏覽器內頁面可用高度；此高度包含了水平滾動條的高度(若存在)。可表示爲瀏覽器當前高度去除瀏覽器邊框、工具條後的高度。

• window.innerWidth ：瀏覽器內頁面可用寬度；此寬度包含了垂直滾動條的寬度(若存在)。可表示爲瀏覽器當前寬度去除瀏覽器邊框後的寬度。

工具欄高/寬度 ：包含了地址欄、書籤欄、瀏覽器邊框等範圍。如：高度，可經過瀏覽器高度 - 頁面可用高度得出，即：window.outerHeight - window.innerHeight。

頁面信息

• body.offsetHeight ：body總高度。

• body.offsetWidth ：body總寬度。

• body.clientHeight ：body展現的高度；表示body在瀏覽器內顯示的區域高度。

• body.clientWidth ：body展現的寬度；表示body在瀏覽器內顯示的區域寬度。

滾動條高度/寬度 ：如高度，可經過瀏覽器內頁面可用高度 - body展現高度得出，即window.innerHeight - body.clientHeight

參見：HTML 獲取屏幕、瀏覽器、頁面的高度寬度