首頁 >web前端 >js教程 >js獲得頁面的高度和寬度的方法_javascript技巧

js獲得頁面的高度和寬度的方法_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB原創
2016-05-16 16:58:25878瀏覽

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

嘗試了幾種方式,例如document.body.clientWidth,window.screen.width,document.body.scrollWidth等方法之後,發現都不是我想要的結果,後來發現了一個高效的方法,立刻大家分享之:

在需要取高度和寬度的地方加斷點調試【debugger】,然後在監控頁裡面輸入document.body,查看所有body的屬性看看哪個結果是自己需要的,如果沒有適合還可以輸入window,然後看看window下是否有適合的屬性,今天我的問題解決就是透過這種方式解決的,屬性是window.innerWidth和window.innerHeight。

希望大家遇到這類問題的時候能少走彎路。

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