做一個彈出dialog時用到了取父頁面的寬度和高度的方法,需要的朋友可以參考下
今天在做一個彈出dialog時,遇用到了取父頁面的寬度和高度的方法。
嘗試了幾種方式,比如document.body.clientWidth,window.screen.width,document.body.scrollWidth等方法之後,發現都不是我想要的結果,後來發現了一個高效的方法,立刻大家分享之:
在需要取高度和寬度的地方加斷點調試【debugger】,然後在監控頁面裡面輸入document.body,查看所有body的屬性看看哪個結果是自己需要的,如果沒有適合還可以輸入window,然後看看window下是否有適合的屬性,今天我的問題解決就是通過這種方式解決的,屬性是window.innerWidth和window.innerHeight。
希望大家遇到此類問題的時候能少走彎路。