原生js擷取瀏覽器視窗及元素寬高常用方法集合，js擷取瀏覽器視窗

原生js擷取瀏覽器視窗及元素寬高常用方法集合，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 || window.pageYOffset || document.body.scrollTop;

捲軸側拉被捲起來的距離：document.body.scrollLeft || document.documentElement.scrollLeft ;

網頁本文部分上：window.screenTop;

網頁本文部分左：window.screenLeft;

元素的寬度：obj.offsetWidth;

元素的高度：obj.offsetHeight;

相對於父元素的上位移：obj.offsetTop;（在元素的包含元素不含捲軸的情況下）

相對於父元素的左位移：obj.offsetLeft;（在元素的包含元素不含捲軸的情況下）

以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的協助，同時也希望多多支援幫客之家！