首頁  >  文章  >  web前端  >  透過js獲得頁面的高度和寬度

透過js獲得頁面的高度和寬度

巴扎黑
巴扎黑原創
2017-03-19 17:44:151077瀏覽

[導讀]  今天在做一個彈出dialog時,遇用到了取父頁面的寬度和高度的方法。 試了幾種方式,例如document body clientWidth,window screen width,document body scrollWidth等方法之後,發現都不是我想要的結果,後

   今天在做一個彈出dialog時,遇用到了取父頁面的寬度和高度的方法。
 

       嘗試了幾種方式,例如document.body.clientWidth,window.screen.width,document.body.scrollWidth等方

法之後,發現都不是我想要的結果,後來發現了一個高效的方法,立刻大家分享之:
 

        在需要取高度和寬度的地方加斷點調試【debugger】,然後在監視器頁裡面輸入document.body,查看所有

body的屬性看看哪個結果是自己需要的看看哪個結果是自己需要的看看哪個結果是自己需要的東西看看哪個結果是自己需要的東西看看哪個結果是自己需要的東西看看哪個結果,如果沒有適合還可以輸入window,然後看看window下是否有適合的屬性,今天

我的問題解決就是通過這種方式解決的,屬性是window.innerWidth和window.innerHeight。

以上是透過js獲得頁面的高度和寬度的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn