成都web前端培訓
成都達內金融街中心
js獲取瀏覽器寬高（可視）
- 時間：2019-09-09 16:38
- 發布：成都達內
- 來源：達內
- 分享到：
在前端開發中，我們時長會做一些漂浮窗口，彈框等外放形式的盒子，那么很多時候我們需要先對用戶的瀏覽器頁面進行簡單的判斷來確定我的盒子出現的位置，那么獲取瀏覽器的窗口高度與寬度也就至關重要了。
下面我們簡述下獲取高寬的js代碼，測試時數值可以用alert()彈出值來確認。
document.body.offsetWidth
document.body.offsetHeight
在聲明了DOCTYPE的瀏覽器中，可以用以下來獲取瀏覽器顯示窗口大小：
document.documentElement.clientWidth
document.documentElement.clientHeight
IE，FF，Safari皆支持該方法，opera雖支持該屬性，但是返回的是頁面尺寸;
同時，除了IE以外的所有瀏覽器都將此信息保存在window對象中，可以用以下獲取：
window.innerWidth
window.innerHeight
上一篇：前端開發-移動端代碼
-
關注微信公眾號回復關鍵字：視頻資料
免費領取 達內課程視頻學習資料
-
視頻學習QQ群添加QQ群：1143617948
免費領取達內課程視頻學習資料
Copyright ? Tedu.cn All Rights Reserved 京ICP備08000853號-56 
京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有
選擇城市和中心
北京
內蒙古
山東省
江蘇省
上海
湖南省
江西省
貴州省
廣西省
廣東省
海南省
臺灣