原生js獲取瀏覽器窗口及元素寬高常用方法集合

窗口可視區(qū)域?qū)挾?/strong>： document.documentElement.clientWidth || document.body.clientWidth;

創(chuàng)新互聯(lián)建站作為成都網(wǎng)站建設(shè)公司，專注成都網(wǎng)站建設(shè)公司、網(wǎng)站設(shè)計(jì)，有關(guān)成都企業(yè)網(wǎng)站定制方案、改版、費(fèi)用等問題，行業(yè)涉及成都混凝土攪拌罐等多個(gè)領(lǐng)域，已為上千家企業(yè)服務(wù)，得到了客戶的尊重與認(rèn)可。

窗口可視區(qū)域高度： document.documentElement.clientHeight || document.body.clientHeight;

窗口可視區(qū)域?qū)挾?邊線和滾動(dòng)條： document.body.offsetWidth ;

窗口可視區(qū)域高度+邊線和滾動(dòng)條： document.body.offsetHeight ;

實(shí)際內(nèi)容的寬度： document.body.scrollWidth;

實(shí)際內(nèi)容的高度： document.body.scrollHeight;

滾動(dòng)條下拉被卷起來的距離：document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;

滾動(dòng)條側(cè)拉被卷起來的距離：document.body.scrollLeft || document.documentElement.scrollLeft ;

網(wǎng)頁(yè)正文部分上：window.screenTop;

網(wǎng)頁(yè)正文部分左：window.screenLeft;

元素的寬度：obj.offsetWidth;

元素的高度：obj.offsetHeight;

相對(duì)于父元素的上位移：obj.offsetTop;（在元素的包含元素不含滾動(dòng)條的情況下）

相對(duì)于父元素的左位移：obj.offsetLeft;（在元素的包含元素不含滾動(dòng)條的情況下）

以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時(shí)也希望多多支持創(chuàng)新互聯(lián)！