document.documentElement.clientHeight 和 $(window).height() 无法正确获取页面可视区高度

Posted 刘健。

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了document.documentElement.clientHeight 和 $(window).height() 无法正确获取页面可视区高度相关的知识，希望对你有一定的参考价值。

背景： 弹出层插件（自适应） 实现过程中突然发现在获取可视区高度时，无论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)
})
获取的值是不一样的

 

以上是关于document.documentElement.clientHeight 和 $(window).height() 无法正确获取页面可视区高度的主要内容，如果未能解决你的问题，请参考以下文章

document.documentElement和document.body区别介绍

document.documentElement.scrollTop(获取滚动条位置)

document.body 与 document.documentElement区别介绍

document.body 与 document.documentElement区别介绍

document.documentElement.scrollTop(获取滚动条位置)

document.documentElement.clientHeight 和 document.body.clientHeight