


成都web前端培訓
成都達內金融街中心
在前端開發中,我們時長會做一些漂浮窗口,彈框等外放形式的盒子,那么很多時候我們需要先對用戶的瀏覽器頁面進行簡單的判斷來確定我的盒子出現的位置,那么獲取瀏覽器的窗口高度與寬度也就至關重要了。
下面我們簡述下獲取高寬的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