javascript - 在 YUI 中，clientHeight、winHeight 和 docHeight 有什么区别？

Question

在代码片段中，我看到了这样的行:

  var headerHeight = Y.one('#header').get('clientHeight');
  var $body = Y.one('body');

  this.viewportH = $body.get('winHeight');
  this.docHeight = $body.get('docHeight');

据我了解，clientHeight 与winHeight 相同，而scrollHeight 与docHeight 相同。是真的吗？如果是这样，为什么 YUI 给它们起不同的名字？

有人对此有想法吗？谢谢!

Answer 1

winHeight 返回视口(viewport)的内部高度 - 不包括滚动条。这是你的浏览器大小(如果你调整浏览器的大小会有不同的值)

docHeight 返回文档的当前高度，它不是屏幕上显示的高度，而是所有页面的大小。

看看这里，点击需要的地方:

http://www.wfimc.org/public/js/yui/3.0.0/examples/node/node-screen_clean.html

clientHeight 返回您的框架的大小，不包括滚动条:查看此事件:document.getElementById("client").onclick = function(){whatis('client');}在: http://jsfiddle.net/shibualexis/yVhgM/3/