原生js獲取瀏覽器窗口及元素寬高常用方法集合
窗口可視區(qū)域?qū)挾?/strong>： document.documentElement.clientWidth || document.body.clientWidth;
創(chuàng)新互聯(lián)建站作為成都網(wǎng)站建設公司，專注成都網(wǎng)站建設公司、網(wǎng)站設計，有關(guān)成都企業(yè)網(wǎng)站定制方案、改版、費用等問題，行業(yè)涉及成都混凝土攪拌罐等多個領(lǐng)域，已為上千家企業(yè)服務，得到了客戶的尊重與認可。
窗口可視區(qū)域高度： document.documentElement.clientHeight || document.body.clientHeight;
窗口可視區(qū)域?qū)挾?邊線和滾動條： document.body.offsetWidth ;
窗口可視區(qū)域高度+邊線和滾動條： document.body.offsetHeight ;
實際內(nèi)容的寬度： document.body.scrollWidth;
實際內(nèi)容的高度： document.body.scrollHeight;
滾動條下拉被卷起來的距離：document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
滾動條側(cè)拉被卷起來的距離：document.body.scrollLeft || document.documentElement.scrollLeft ;
網(wǎng)頁正文部分上：window.screenTop;
網(wǎng)頁正文部分左：window.screenLeft;
元素的寬度：obj.offsetWidth;
元素的高度：obj.offsetHeight;
相對于父元素的上位移：obj.offsetTop;（在元素的包含元素不含滾動條的情況下）
相對于父元素的左位移：obj.offsetLeft;（在元素的包含元素不含滾動條的情況下）
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持創(chuàng)新互聯(lián)！
文章名稱：原生js獲取瀏覽器窗口及元素寬高常用方法集合
網(wǎng)站路徑：http://aaarwkj.com/article16/godidg.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、網(wǎng)站設計、網(wǎng)站導航、全網(wǎng)營銷推廣、商城網(wǎng)站、網(wǎng)站設計公司
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
- 煙臺網(wǎng)站排名利用TAG標簽優(yōu)化聚合頁要害字的要容 2023-02-06
- 頁面標簽優(yōu)化細水長流的SEO優(yōu)化策略 2016-02-07
- 網(wǎng)站Tags標簽優(yōu)化的幾大技巧 2022-06-08
- 不可忽視的圖片ALT標簽優(yōu)化 2017-02-27
- 網(wǎng)站標簽優(yōu)化-關(guān)于H標簽的優(yōu)化策略 2016-11-10
- 如何使用canonical標簽優(yōu)化非規(guī)范網(wǎng)頁 2021-08-12
- seo圖片alt標簽優(yōu)化技巧 2022-09-28
- 網(wǎng)站結(jié)構(gòu)和標簽優(yōu)化怎么做 2021-08-16
- 網(wǎng)站建設中SEO標簽優(yōu)化 2021-11-28
- HTML標簽優(yōu)化的注意事項有哪些 2020-09-22
- 網(wǎng)站標簽優(yōu)化之網(wǎng)頁標簽優(yōu)化技巧 2014-03-25
- 那些不可忽視的title標簽優(yōu)化方法？ 2022-06-21