成都web前端培訓
成都達內金融街中心

15023458194

熱門課程

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


上一篇:前端開發-移動端代碼
下一篇:border-radius生成各類圓角
選擇城市和中心
江西省

貴州省

廣西省

海南省

校花把腿张开让男生桶视频