原生js獲取瀏覽器窗口及元素寬高常用方法集合-創(chuàng)新互聯(lián)

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

創(chuàng)新互聯(lián)一直在為企業(yè)提供服務(wù)，多年的磨煉，使我們?cè)趧?chuàng)意設(shè)計(jì)，全網(wǎng)營(yíng)銷推廣到技術(shù)研發(fā)擁有了開(kāi)發(fā)經(jīng)驗(yàn)。我們擅長(zhǎng)傾聽(tīng)企業(yè)需求，挖掘用戶對(duì)產(chǎn)品需求服務(wù)價(jià)值，為企業(yè)制作有用的創(chuàng)意設(shè)計(jì)體驗(yàn)。核心團(tuán)隊(duì)擁有超過(guò)10多年以上行業(yè)經(jīng)驗(yàn)，涵蓋創(chuàng)意，策化，開(kāi)發(fā)等專業(yè)領(lǐng)域，公司涉及領(lǐng)域有基礎(chǔ)互聯(lián)網(wǎng)服務(wù)德陽(yáng)服務(wù)器托管、重慶APP開(kāi)發(fā)、手機(jī)移動(dòng)建站、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)絡(luò)整合營(yíng)銷。

窗口可視區(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)條下拉被卷起來(lái)的距離：document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;

滾動(dòng)條側(cè)拉被卷起來(lái)的距離：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í)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持創(chuàng)新互聯(lián)建站！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.muchs.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、建站服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

本文名稱：原生js獲取瀏覽器窗口及元素寬高常用方法集合-創(chuàng)新互聯(lián)
標(biāo)題網(wǎng)址：http://www.muchs.cn/article4/dpgeoe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號(hào)、網(wǎng)站維護(hù)、面包屑導(dǎo)航、建站公司、品牌網(wǎng)站制作、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)