原生js获取浏览器窗口及元素宽高常用方法集合

　　

<强>窗口可视区域宽度:document.documentElement。clientWidth | | document.body.clientWidth;

　　

<强>窗口可视区域高度:document.documentElement。clientHeight | | document.body.clientHeight;

　　

<强>窗口可视区域宽度+边线和滚动条:document.body。offsetWidth;

　　

<强>窗口可视区域高度+边线和滚动条:document.body。offsetHeight;

　　

<>强实际内容的宽度:document.body.scrollWidth;

　　

<>强实际内容的高度:document.body.scrollHeight;

　　

<强>滚动条下拉被卷起来的距离:document.documentElement。scrollTop | |窗口。pageYOffset | | document.body.scrollTop;

　　

<强>滚动条侧拉被卷起来的距离:document.body。scrollLeft | | document.documentElement。scrollLeft;

　　

<>强网页正文部分上:window.screenTop;

　　

<>强网页正文部分左:window.screenLeft;

　　

<强>元素的宽度:obj.offsetWidth;

　　

<强>元素的高度:obj.offsetHeight;

　　

<强>相对于父元素的上位移:obj.offsetTop;(在元素的包含元素不含滚动条的情况下)

　　

<强>相对于父元素的左位移:obj.offsetLeft;(在元素的包含元素不含滚动条的情况下)

　　

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!

原生js获取浏览器窗口及元素宽高常用方法集合