js、JQ中获取各种Width、Height方法

js width、height获取：

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  //屏幕可用工作区宽度
window.screen.colorDepth  //屏幕设置的色彩位数
window.screen.deviceXDPI // 屏幕设置的像素/英寸

JQ width、height获取：

　　$(window).height() //浏览器当前窗口可视区域高度
　　$(document).height() //浏览器当前窗口文档的高度
　　$(document.body).height() //浏览器当前窗口文档body的高度
　　$(document.body).outerHeight(true) //浏览器当前窗口文档body的总高度 包括border padding margin
　　$(window).width()  //浏览器当前窗口可视区域宽度
　　$(document).width() //浏览器当前窗口文档对象宽度
　　$(document.body).width() //浏览器当前窗口文档body的宽度
　　$(document.body).outerWidth(true) //浏览器当前窗口文档body的总宽度 包括border padding margin

js X/Y坐标获取：

clientX 设置或获取鼠标指针位置相对于当前窗口的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。
clientY 设置或获取鼠标指针位置相对于当前窗口的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。
offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。
offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。
screenX 设置或获取获取鼠标指针位置相对于用户屏幕的 x 坐标。
screenY 设置或获取鼠标指针位置相对于用户屏幕的 y 坐标。
x 设置或获取鼠标指针位置相对于父文档的 x 像素坐标(亦即相对于当前窗口)。
y 设置或获取鼠标指针位置相对于父文档的 y 像素坐标(亦即相对于当前窗口)。