<option id="u08qk"></option>
  • <blockquote id="u08qk"><option id="u08qk"></option></blockquote>
  • <blockquote id="u08qk"><button id="u08qk"></button></blockquote>
    <li id="u08qk"></li>
  • <object id="u08qk"></object>
  • 成都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


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

    貴州省

    廣西省

    海南省

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