今天有人问我这个问题，做了个小例子来记录一下子。 首先这两个都是获取可视区域的高度，那他们有什么区别呢 .window.innerHeight属于BOM 浏览器对象模型 ，而document.documentElement.clientHeight则属于文档对象模型 .window.innerHeight获取的高度包含横向滚动条，而document.documentElement.clientHe ...
2019-07-12 16:54 0 1087 推荐指数：
首先了解下document HTML DOM 节点 在 HTML DOM (Document Object Model) 中 , 每一个元素都是 节点: 文档是一个文档节点。 所有的HTML元素都是元素节点。 所有 HTML 属性都是属性节点。 文本插入到 HTML 元素 ...
说这几个属性前 我说一下我的设备 我的设备有两个，一个高度为1080的显示器，一个高度为800的电脑 第一种：window.screen.height 这个方法是获取用户电脑屏幕的高度，是不关浏览器或者顶部工具栏跟底部工具栏的高度的 当我在高度为1080的我的显示屏屏幕上打印 ...
一、window.innerWidth/Height => 获取浏览器可视区域宽/高度 ========①宽度：经测试，该属性获取的是包含滚动条宽度的（有的博客乃至菜鸟教程都认为他不包含）浏览器可视区域宽度②高度：但是高度却不包含工具栏高度，只是可视区域高度②IE 8 及更早 IE版本 ...
在我看《JavaScript高级程序设计》（第三版）的时候，在clientHeight和scrollHeight那部分把我弄糊涂了。 原书是这样写的：（ //宽度同理，就不仔细描述了。） “对于不包含滚动条的页面来说,scrollHeight和clientHeight之间的关系不明确 ...
背景： 弹出层插件（自适应） 实现过程中突然发现在获取可视区高度时，无论document.documentElement.clientHeight 还是 $(window).height()都无法正确获取，代码没有问题； 解决方案：通过 cosole.log寻找错误点发现$(window ...
document.documentElement.clientHeight 与 document.body.clientHeight用来获取页面可视高度我觉得有点问题。这两个应该不是一个东西。 页面中加了：<!DOCTYPE html> 很明显在谷歌浏览器中两个值不是一个 ...
document.documentElement.clientHeight 与 document.body.clientHeight用来获取页面可视高度我觉得有点问题。这两个应该不是一个东西。 页面中加了：<!DOCTYPE html> 很明显在谷歌浏览器中两个值不是一个 ...
(document.documentElement.clientHeight) 或者这样： console. ...
