在YUI中,clientHeight,winHeight和docHeight之间有什么区别?

时间:2015-09-18 02:59:20

标签: javascript html css html5 yui

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

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

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

据我了解,clientHeightwinHeight相同,而scrollHeightdocHeight相同。这是真的吗?如果是这样,为什么YUI给他们不同的名字?

有没有人有这方面的想法?谢谢!

1 个答案:

答案 0 :(得分:2)

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

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

在这里查看并点击需要的地方:

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

clientHeight 返回框架大小排除scroolbar: 看一下这个事件:document.getElementById("client").onclick = function(){whatis('client');} 在: http://jsfiddle.net/shibualexis/yVhgM/3/