如何使用 JQuery 动态获取 Body 元素高度

【问题标题】：How to get Body element height dynamically using JQuery如何使用 JQuery 动态获取 Body 元素高度
【发布时间】：2010-11-20 20:19:00
【问题描述】：

当我调整浏览器窗口大小时，我需要获取正文元素的高度和宽度

请帮我用 JQuery 解决这个问题

【问题讨论】：

调整浏览器窗口的大小不是一个好主意。这是最常见的用户烦恼之一。
他没有尝试使用代码调整浏览器窗口的大小。他需要在调整浏览器窗口大小时获取高度和宽度。

标签： jquery browser resize height width

【解决方案1】：

在窗口对象上使用resize事件：

$(window).resize(function(){
  var width = $(document).width(), // or $(window).width()
      height = $(document).height(); // or $(window).height()
});

【讨论】：

嗨 CMS，当您尝试提醒这些高度和宽度时，它会提醒这些值至少 4 次......为什么会这样？这发生在 chrome 浏览器中
此事件可能会在您调整窗口大小时触发多次
没错。特别是在 IE 中，resize 事件在窗口被调整大小时连续触发。使用 setTimeout 和 clearTimeout 的组合，延迟很短，以防止触发多个事件
这是我上面提到的一个很好的实现 - matts411.com/post/delaying_javascript_event_execution