js与jquery 都能获取页面元素的宽度，高度和相对位移等数值，那他们之间能相互转换或替代吗，写法又有哪些差异呢？本文将详细为你介绍。
1.js获取浏览器高度和宽度
document.documentelement.clientwidth ==> 浏览器可见区域宽度
document.documentelement.clientheight ==> 浏览器可见区域高度
document.body.clientwidth ==> body对象宽度
document.body.clientheight ==> body对象高度
jq获取浏览器高度和宽度
$(window).width() ==> 浏览器可见区域宽度
$(window).height() ==> 浏览器可见区域高度
$(document).height() ==> 页面文档的高度
$(document.body).height() ==> body对象高度
2.js获取对象的高度和宽度
obj.width = obj.style.width
obj.clientwidth = width + padding   ==> 获得包括内边界（padding）的元素宽度
obj.offsetheight = height + padding + border ==> 获得包括内边界(padding)和边框(border)的元素高度
jq获取对象的高度和宽度
obj.innerwidth() ==> 获得包括内边界（padding）的元素宽度，
obj.outerwidth() ==> 获得包括内边界(padding)和边框(border)的元素宽度
obj.outerwidth(true) ==> 获得包括外边界(margin)的元素宽度
w同一个元素应该是：width()
3.js 获取对象的相对高度和宽度
obj.offsetleft ==> 元素相对于父元素的left
obj.offsettop ==> 元素相对于父元素的top
obj.scrollwidth ==> 获取对象的滚动宽度
obj.scrollheight ==> 获取对象的滚动高度
obj.scrollleft ==> 设置或获取位于对象左端滚动的距离
obj.scrolltop ==> 设置或获取位于对象顶端滚动的距离
jq 获取对象的相对高度和宽度
obj.offset().left ==> 元素相对于文档的left
obj.offset().top ==> 元素相对于文档的top
obj.scrollleft() ==> 设置或返回对象相对滚动条左侧的偏移。
obj.scrolltop() ==> 设置或返回对象相对滚动条顶部的偏移。
以上所述就是本文的全部内容了，希望大家能够喜欢。