一直测试offsetHeight所输出的值不同？

源自：9-20 网页尺寸offsetHeight

一直测试offsetHeight所输出的值不同？

document.write("scrollWidth"+document.documentElement.scrollWidth+" ");
document.write("scrollHeight"+document.documentElement.scrollHeight+" ");
document.write("offsetWidth"+document.documentElement.offsetWidth+" ");
document.write("offsetHeight"+document.documentElement.offsetHeight+" ");
document.write("offsetWidth"+document.documentElement.offsetWidth+" ");
document.write("offsetHeight"+document.documentElement.offsetHeight+" ");
document.write("offsetWidth"+document.documentElement.offsetWidth+" ");
document.write("offsetHeight"+document.documentElement.offsetHeight+" ")

结果：

scrollWidth370
scrollHeight643
offsetWidth370
offsetHeight82
offsetWidth370
offsetHeight126
offsetWidth370
offsetHeight170

提问者：qq_封Y_0 2015-08-10 17:33

个回答

Fien

2015-12-18 16:00:41

scrollHeight 是网页内容高度获取Dom元素中内容实际占用的高度和宽度，offsetHeight获取网页内容高度和宽度(包括滚动条等边线，会随窗口的显示大小改变) ，offsetHeight = clientHeight + 滚动条 + 边框。

0