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

Posted 2023-03-06

【中文标题】如何使用 JQuery 动态获取 Body 元素高度

【英文标题】：How to get Body element height dynamically using JQuery

【发布时间】：2010-11-20 20:19:00

【问题描述】：

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

请帮我用 JQuery 解决这个问题

【问题讨论】：

调整浏览器窗口的大小不是一个好主意。这是最常见的用户烦恼之一。

他没有尝试使用代码调整浏览器窗口的大小。他需要在调整浏览器窗口大小时获取高度和宽度。

【参考方案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