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。
希望大家遇到此類問題的時候能少走彎路。
您可能感興趣的文章:
- 準(zhǔn)確獲得頁面、窗口高度及寬度的JS
- jquery 得到當(dāng)前頁面高度和寬度的兩個函數(shù)
- 用js來定義瀏覽器中一個左右浮動元素相對于頁面主體寬度的位置的函數(shù)
- js 獲取頁面高度和寬度兼容 ie firefox chrome等
- jquery實現(xiàn)在頁面加載完畢后獲取圖片高度或?qū)挾?/a>
- jquery實現(xiàn)類似EasyUI的頁面布局可改變左右的寬度
- js獲取input長度并根據(jù)頁面寬度設(shè)置其大小及居中對齊
- 手機(jī)端頁面rem寬度自適應(yīng)腳本
- jQuery獲取頁面及個元素高度、寬度的總結(jié)——超實用
- 手機(jī)屏幕尺寸測試——手機(jī)的實際顯示頁面的寬度
相關(guān)文章
Javascript獲取當(dāng)前時間函數(shù)和時間操作小結(jié)
這篇文章主要介紹了Javascript獲取當(dāng)前時間函數(shù)和時間操作小結(jié),本文根據(jù)項目實際需求總結(jié)而來,需要的朋友可以參考下2014-10-10
移動端a標(biāo)簽下載文件重命名(download)不生效解決辦法
在移動端使用a標(biāo)簽下載文件時,文件重命名可能不生效,尤其是在APP內(nèi)嵌頁面中,這通常是因為跨域問題導(dǎo)致的,文中將解決辦法介紹的非常詳細(xì),需要的朋友可以參考下2024-10-10
2008-02-02
這篇文章主要介紹了前端使用cookie的兩種方式,分別是通過瀏覽器自動管理和通過JavaScript顯式操作,文章詳細(xì)講解了如何設(shè)置、讀取和刪除Cookie,并強(qiáng)調(diào)了安全性問題,需要的朋友可以參考下2025-02-02
這篇文章主要介紹了ES10 特性的完整指南小結(jié)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
JavaScript解決浮點數(shù)計算不準(zhǔn)確問題的方法分析
這篇文章主要介紹了JavaScript解決浮點數(shù)計算不準(zhǔn)確問題的方法,結(jié)合實例形式分析了javascript浮點數(shù)運(yùn)算精度誤差的原因以及相關(guān)的解決方法與具體操作技巧,需要的朋友可以參考下2018-07-07
這篇文章主要為大家詳細(xì)介紹了js面向?qū)ο蠓绞綄崿F(xiàn)拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)彈幕墻、祝福墻效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
由于IE擴(kuò)展了許多私有的DOM、CSS等導(dǎo)致許多網(wǎng)頁的開發(fā)者都根據(jù)IE開發(fā)，才導(dǎo)致許多網(wǎng)頁的不規(guī)范，從而導(dǎo)致現(xiàn)在的瀏覽器瀏覽相同網(wǎng)頁效果不盡相同。2009-06-06
這篇文章主要為大家詳細(xì)介紹了js代碼實現(xiàn)多人聊天室，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11