获取到的页面的宽高的含义
来源：9-19 网页尺寸scrollHeight
一只特立独行的doge
2016-05-06 15:36
代码里面这三种获取到的页面的宽高到底是什么宽高，是我注释里面的那样理解的吗？还有我最后一项的div宽高的获取怎么会出错呢？大大给解释一下把，感激不尽。
写回答
关注
2回答
-
- 吴邪不邪
- 2016-05-06 23:39:22
innerHeight与innerWidth 显示的是浏览器窗口的内部高度和宽度
clientHeight与clientWidth 显示的是HTML文档所在窗口的当前高度和宽度
编程显示innerHeight与clientHeight的结果是一样的，但两个对不同的浏览器有不同的反应，所以结果要取决于浏览器。
针对IE浏览器和Opera浏览器来说scrollHeight与scrollWidth 显示的是网页内容的高度和宽度
offsetHeight与offsetWidth获取的是网页内容的高度和宽度（包含滚动条等边线，会随窗口的显示改变大小）
编程显示scrollHeight与offsetHeight的结果是不一样的，因为offsetHeight包含了滚筒条等边线，而scrollHeight则显示的是网页的实际高度。
-
- 慕粉18728490355
- 2016-05-06 23:08:34
div sytle里边明确写明了 height，width才会获取到高度和宽度，其他的时候使用div.offsetHeight 和 div.offsetWidth.
JavaScript进阶篇
本课程从如何插入JS代码开始，带您进入网页动态交互世界
468194 学习 · 21891 问题
相似问题
获取屏幕分辨率的宽和高
回答 2
这两个获取的高度宽度怎么不一样？
回答 1
为什么不同浏览器获取的宽和高不同？
回答 1
网页尺寸的获取，为何高度很小
回答 1
这两个获取的高度和宽度为什么不一样？
回答 1