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

来源:9-20 网页尺寸offsetHeight

qq_封Y_0

2015-08-10 17:33

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


结果:

scrollWidth370
scrollHeight643
offsetWidth370
offsetHeight82
offsetWidth370
offsetHeight126
offsetWidth370
offsetHeight170

写回答 关注

1回答

  • Fien
    2015-12-18 16:00:41

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

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

469060 学习 · 22582 问题

查看课程

相似问题