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