js獲得頁面的高度和寬度的方法
更新時間：2014年02月23日 16:07:17 作者：
做一個彈出dialog時用到了取父頁面的寬度和高度的方法,需要的朋友可以參考下
今天在做一個彈出dialog時，遇用到了取父頁面的寬度和高度的方法。
嘗試了幾種方式，比如document.body.clientWidth，window.screen.width，document.body.scrollWidth等方法之后，發(fā)現(xiàn)都不是我想要的結(jié)果，后來發(fā)現(xiàn)了一個高效的方法，立刻大家分享之：
在需要取高度和寬度的地方加斷點調(diào)試【debugger】，然后在監(jiān)控頁面里面輸入document.body，查看所有body的屬性看看哪個結(jié)果是自己需要的，如果沒有適合還可以輸入window，然后看看window下是否有適合的屬性，今天我的問題解決就是通過這種方式解決的，屬性是window.innerWidth和window.innerHeight。
希望大家遇到此類問題的時候能少走彎路。
嘗試了幾種方式，比如document.body.clientWidth，window.screen.width，document.body.scrollWidth等方法之后，發(fā)現(xiàn)都不是我想要的結(jié)果，后來發(fā)現(xiàn)了一個高效的方法，立刻大家分享之：
在需要取高度和寬度的地方加斷點調(diào)試【debugger】，然后在監(jiān)控頁面里面輸入document.body，查看所有body的屬性看看哪個結(jié)果是自己需要的，如果沒有適合還可以輸入window，然后看看window下是否有適合的屬性，今天我的問題解決就是通過這種方式解決的，屬性是window.innerWidth和window.innerHeight。
希望大家遇到此類問題的時候能少走彎路。
您可能感興趣的文章:
相關(guān)文章
Javascript獲取當前時間函數(shù)和時間操作小結(jié)
這篇文章主要介紹了Javascript獲取當前時間函數(shù)和時間操作小結(jié),本文根據(jù)項目實際需求總結(jié)而來,需要的朋友可以參考下2014-10-10
移動端a標簽下載文件重命名(download)不生效解決辦法
在移動端使用a標簽下載文件時,文件重命名可能不生效,尤其是在APP內(nèi)嵌頁面中,這通常是因為跨域問題導致的,文中將解決辦法介紹的非常詳細,需要的朋友可以參考下2024-10-10
2008-02-02
這篇文章主要介紹了前端使用cookie的兩種方式,分別是通過瀏覽器自動管理和通過JavaScript顯式操作,文章詳細講解了如何設(shè)置、讀取和刪除Cookie,并強調(diào)了安全性問題,需要的朋友可以參考下2025-02-02
這篇文章主要介紹了ES10 特性的完整指南小結(jié)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
JavaScript解決浮點數(shù)計算不準確問題的方法分析
這篇文章主要介紹了JavaScript解決浮點數(shù)計算不準確問題的方法,結(jié)合實例形式分析了javascript浮點數(shù)運算精度誤差的原因以及相關(guān)的解決方法與具體操作技巧,需要的朋友可以參考下2018-07-07
這篇文章主要為大家詳細介紹了js面向?qū)ο蠓绞綄崿F(xiàn)拖拽效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)彈幕墻、祝福墻效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
由于IE擴展了許多私有的DOM、CSS等導致許多網(wǎng)頁的開發(fā)者都根據(jù)IE開發(fā)，才導致許多網(wǎng)頁的不規(guī)范，從而導致現(xiàn)在的瀏覽器瀏覽相同網(wǎng)頁效果不盡相同。2009-06-06
這篇文章主要為大家詳細介紹了js代碼實現(xiàn)多人聊天室，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11