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。
希望大家遇到此類問題的時候能少走彎路。
您可能感興趣的文章:
- 準確獲得頁面、窗口高度及寬度的JS
- jquery 得到當(dāng)前頁面高度和寬度的兩個函數(shù)
- 用js來定義瀏覽器中一個左右浮動元素相對于頁面主體寬度的位置的函數(shù)
- js 獲取頁面高度和寬度兼容 ie firefox chrome等
- jquery實現(xiàn)在頁面加載完畢后獲取圖片高度或?qū)挾?/a>
- jquery實現(xiàn)類似EasyUI的頁面布局可改變左右的寬度
- js獲取input長度并根據(jù)頁面寬度設(shè)置其大小及居中對齊
- 手機端頁面rem寬度自適應(yīng)腳本
- jQuery獲取頁面及個元素高度、寬度的總結(jié)——超實用
- 手機屏幕尺寸測試——手機的實際顯示頁面的寬度
相關(guān)文章
JavaScript正則表達式exec/g實現(xiàn)多次循環(huán)用法示例
這篇文章主要介紹了JavaScript正則表達式exec/g實現(xiàn)多次循環(huán)用法,結(jié)合實例形式分析了javascript正則表達式g修飾符相關(guān)使用技巧,需要的朋友可以參考下2017-01-01
JavaScript隨機打亂數(shù)組順序之隨機洗牌算法
這篇文章主要介紹了JavaScript隨機打亂數(shù)組順序之隨機洗牌算法的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-08-08

