在 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 Returns 视口的内部高度 - 不包括滚动条。这是你的浏览器大小（如果你调整浏览器的大小会有不同的值）

docHeight Return是文档当前的高度，不是屏幕上显示的高度，而是整个页面的大小。

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

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

clientHeight Return 框架的大小不包括滚动条：看看这个事件：document.getElementById("client").onclick = function(){whatis('client');} 在： http://jsfiddle.net/shibualexis/yVhgM/3/

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

In YUI, what is the difference between clientHeight, winHeight, and docHeight?

html

javascript

css

yui