js獲得頁面的高度和寬度的方法
更新時間：2014年02月23日 16:07:17 作者：
做一個彈出dialog時用到了取父頁面的寬度和高度的方法,需要的朋友可以參考下
今天在做一個彈出dialog時，遇用到了取父頁面的寬度和高度的方法。
嘗試了幾種方式，比如document.body.clientWidth，window.screen.width，document.body.scrollWidth等方法之后，發(fā)現(xiàn)都不是我想要的結果，后來發(fā)現(xiàn)了一個高效的方法，立刻大家分享之：
在需要取高度和寬度的地方加斷點調試【debugger】，然后在監(jiān)控頁面里面輸入document.body，查看所有body的屬性看看哪個結果是自己需要的，如果沒有適合還可以輸入window，然后看看window下是否有適合的屬性，今天我的問題解決就是通過這種方式解決的，屬性是window.innerWidth和window.innerHeight。
希望大家遇到此類問題的時候能少走彎路。
嘗試了幾種方式，比如document.body.clientWidth，window.screen.width，document.body.scrollWidth等方法之后，發(fā)現(xiàn)都不是我想要的結果，后來發(fā)現(xiàn)了一個高效的方法，立刻大家分享之：
在需要取高度和寬度的地方加斷點調試【debugger】，然后在監(jiān)控頁面里面輸入document.body，查看所有body的屬性看看哪個結果是自己需要的，如果沒有適合還可以輸入window，然后看看window下是否有適合的屬性，今天我的問題解決就是通過這種方式解決的，屬性是window.innerWidth和window.innerHeight。
希望大家遇到此類問題的時候能少走彎路。
相關文章
這篇文章主要介紹了JS實現(xiàn)的相冊圖片左右滾動效果,結合完整實例形式分析了javascript事件觸發(fā)與頁面元素屬性動態(tài)變換的相關操作技巧,需要的朋友可以參考下2016-11-11
一直都是簡單去js實現(xiàn)cookie的一些操作,今天把js對cookie操作系統(tǒng)的整理了一遍,包括:js讀取cookie,js添加cookie,js刪除cookie2012-12-12
埋點的意思是在你想要的數(shù)據(jù)節(jié)點出進行設置,可以方便進行采集,下面這篇文章主要給大家介紹了關于支付寶小程序從手動埋點到自動埋點的相關資料,需要的朋友可以參考下2022-03-03
JavaScript正則表達式exec/g實現(xiàn)多次循環(huán)用法示例
這篇文章主要介紹了JavaScript正則表達式exec/g實現(xiàn)多次循環(huán)用法,結合實例形式分析了javascript正則表達式g修飾符相關使用技巧,需要的朋友可以參考下2017-01-01
本文詳細介紹了通過js+plupload實現(xiàn)了繞過服務器，向又拍云批量上傳圖片的解決方法，十分的巧妙，也節(jié)省了服務器資源，這里推薦給有需要的小伙伴。2014-12-12
JavaScript隨機打亂數(shù)組順序之隨機洗牌算法
這篇文章主要介紹了JavaScript隨機打亂數(shù)組順序之隨機洗牌算法的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
這篇文章主要介紹了JS實現(xiàn)的簡單鼠標跟隨DiV層效果,涉及JavaScript基于時間函數(shù)動態(tài)操作頁面元素屬性的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
js中Array.sort()方法是用來對數(shù)組項進行排序的,默認是升序排列sort() 方法可以接受一個 方法為參數(shù)，這個方法有兩個參數(shù)，接下來本例將對sort方法進行深入探討，感興趣的朋友可以參考下2013-02-02
這篇文章主要介紹了JavaScript File分段上傳的相關資料,需要的朋友可以參考下2016-03-03
JavaScript默認的時間格式我們一般情況下不會用，所以需要進行格式化，下面小編給大家?guī)砹巳Njs date對象格式化實例代碼，需要的朋友參考下吧2017-09-09