成都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
上一篇：前端開發-移動端代碼
Copyright ? Tedu.cn All Rights Reserved 京ICP備08000853號-56 達內時代科技集團有限公司 版權所有
選擇城市和中心
北京
內蒙古
山東省
江蘇省
上海
湖南省
江西省
貴州省
廣西省
廣東省
海南省
臺灣