jquery获取窗口高度

jQuery 获取窗口高度的方法

使用 jQuery 可以轻松获取浏览器窗口的高度。以下是几种常见的方法：

获取窗口高度

通过 $(window).height() 方法可以获取当前浏览器窗口的可见高度（不包括工具栏、滚动条等）。

var windowHeight = $(window).height();
console.log(windowHeight);

获取文档高度

如果需要获取整个文档的高度（包括滚动部分），可以使用 $(document).height()。

var documentHeight = $(document).height();
console.log(documentHeight);

响应窗口大小变化

如果需要动态获取窗口高度（例如窗口大小改变时），可以监听 resize 事件。

$(window).resize(function() {
    var newHeight = $(window).height();
    console.log(newHeight);
});

注意事项

• $(window).height() 返回的是可视区域的高度，不包括浏览器工具栏或滚动条。
• $(document).height() 返回的是整个文档的高度，包括超出可视区域的部分。
• 如果需要兼容旧版浏览器，确保 jQuery 版本支持这些方法。

以上方法适用于大多数现代浏览器，可以满足常见的窗口高度获取需求。