window.innerHeight和document.documentElement.clientHeight区别-白红宇

window.innerHeight和document.documentElement.clientHeight区别

阅读量：5103 次

发布时间：2019-06-13

本文共 561 字，大约阅读时间需要 1 分钟。

今天有人问我这个问题，做了个小例子来记录一下子。

首先这两个都是获取可视区域的高度，那他们有什么区别呢

1.window.innerHeight属于BOM（浏览器对象模型），而document.documentElement.clientHeight则属于文档对象模型

2.window.innerHeight获取的高度包含横向滚动条，而document.documentElement.clientHeight不包含横向滚动条

做了一个小示例

此时运行打印结果：

innerHeight:760clientHeight:760

可以看到没有横向滚动条时两者是相等的

现在我们将上面代码中box的宽度改为120%，使之出现横向滚动条

再看看结果

innerHeight:760clientHeight:743

可以看到document.documentElement.clientHeight的高度少了一些，原因就是document.documentElement.clientHeight不包括横向滚动条

转载于:https://www.cnblogs.com/suihang/p/11177093.html

你可能感兴趣的文章

Eclipse 反编译之 JadClipse

查看>>

Python入门-函数

查看>>

[HDU5727]Necklace（二分图最大匹配，枚举）

Window7上搭建symfony开发环境(PEAR)

查看>>

ResolveUrl的用法

查看>>

Linux内核态、用户态简介与IntelCPU特权级别--Ring0-3

查看>>

第23月第24天 git命令 .git-credentials git rm --cached git stash clear

<转>关于MFC的多线程类 CSemaphore,CMutex,CCriticalSection,CEvent

查看>>

jquery中ajax返回值无法传递到上层函数

查看>>