document.documentElement.clientHeight 和 $(window).height() 無法正確獲取頁面可視區高度

本文轉載自查看原文 2016-10-08 11:23 2423

背景：彈出層插件（自適應）實現過程中突然發現在獲取可視區高度時，無論document.documentElement.clientHeight 還是 $(window).height()都無法正確獲取，代碼沒有問題；

解決方案：通過 cosole.log尋找錯誤點發現$(window).height()獲取不正常並等於$(document).height()；網上查找資料是由於沒有正確的HTML5文檔聲明導致的

正確：
<!DOCTYPE html> 
    <html>
    <!-- 文檔內容 -->
    </html>
錯誤：
<!DOCTYPE> 
    <html>
    <!-- 文檔內容 -->
    </html>

$(function(){
    console.log($(window).height())
    console.log(document.documentElement.clientHeight)
})
獲取的值是不一樣的

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 獲取可視區域高度賦值給div（解決document.body.clientHeight的返回值為0的問題） document.documentElement.clientHeight和document.body.clientHeight區別 js獲取網頁屏幕可視區域高度 js獲取網頁屏幕可視區域高度獲取元素距離頁面可視區域的位置 JQuery獲取瀏覽器窗口的可視區域高度和寬度,滾動條高度 JQuery獲取瀏覽器窗口的可視區域高度和寬度,滾動條高度 js/jquery獲取瀏覽器窗口可視區域高度和寬度以及滾動條高度實現代碼原生js獲取一個dom元素距離頁面可視區域的位置值 -- getBoundingClientRect clientHeight獲取屏幕可視化高度