获取元素的宽高，左边距上边距

jquery获取元素的所有宽高（包括内边距和外边距）：
　　width() - 返回元素的宽度。
　　height() - 返回元素的高度。
　　innerWidth() 方法返回元素的宽度（包括内边距）。
　　innerHeight() 方法返回元素的高度（包括内边距）。
　　outerWidth() 方法返回元素的宽度（包括内边距和边框）。
　　outerHeight() 方法返回元素的高度（包括内边距和边框）。
　　返回文档（HTML 文档）$(document).height()的高度
　　返回窗口（浏览器视口）$(window).height()的高度

获取页面某一元素的绝对X,Y坐标，可以用offset()：
　　var X = $(‘#DivID’).offset().top;
　　var Y = $(‘#DivID’).offset().left;

获取相对(父元素)位置:
　　var X = $(‘#DivID’).position().top;
　　var Y = $(‘#DivID’).position().left;

 

window.innerWidth //除去菜单栏的窗口宽度
window.innerHeight//除去菜单栏的窗口高度
window.outerWidth//包括菜单栏的窗口宽度
window.outerHeight//包括菜单栏的窗口宽度
window.screen.height//电脑屏幕的高度
window.screen.width//电脑屏幕的宽度
window.screen.availHeight//电脑屏幕的可利用高度
window.screen.availWidth//电脑屏幕的可利用宽度
window.screenTop//浏览器距离屏幕的高度
window.screenLeft//浏览器距离屏幕的宽度
document.body.clientWidth//指元素的自身宽度（包括padding）
document.body.clientHeight//指元素的自身的高度（包括padding）
document.body.clientLeft//子级div内容位置到父级内容区域的宽度距离(即border值)
document.body.clientTop//子级div内容位置到父级内容区域的高度距离(即border值)
document.body.offsetWidth//指定元素的宽度（包括padding，border和内容）
document.body.offsetHeight//指定元素的高度（包括padding，border和内容）
document.body.offsetTop//距离父级元素的高度
document.body.offsetLeft//距离父级元素的宽度
document.body.scrollWidth//获取的是文档的宽度（当指定的宽度小于浏览器窗口的时候，为浏览器的宽度）
document.body.scrollHeight//获取的是文档的高度（当指定的高度小于浏览器窗口的时候，为浏览器的高度）
document.body.scrollTop//文档被滚动上去的时候（即滚动条往上滚动的距离）
document.body.scrollLeft//文档被滚动右去的时候（即滚动条往右滚动的距离）

转载于:https://www.cnblogs.com/zjz666/p/11201157.html