web-屏幕、浏览器、页面-width and height

1、screen：屏幕

screen.height：屏幕高度

screen.width：屏幕宽度

screen.availHeight：屏幕可用高度（即，屏幕高度减去上下任务栏后的高度）

screen.availWidth：屏幕可用宽度（即，屏幕宽度减去左右任务栏后的宽度）

任务栏高（宽度-width）= screen.height - screen.availHeight

2、window：浏览器

window.outerHeight：浏览器高度

window.outerWidth：浏览器宽度

window.innerHeight：浏览器内页面可用高度（可表示为：浏览器当前高度去除浏览器边框、工具条后的高度）

window.innerWidth：浏览器内页面可用宽度（可表示为：浏览器当前宽度去除浏览器边框后的宽度）

工具栏高/宽度：包含了地址栏、书签栏、浏览器边框等范围

3、body：页面

body.offsetHeight：body总高度

body.offsetWidth：body总宽度

body.clientHeight：body在浏览器内显示的区域高度

body.clientWidth：body在浏览器内显示的区域宽度

（滚动条高度（宽度）= window.innerHeight-body.clientHeight