jquery获取浏览器高度

使用 jQuery 获取浏览器高度

jQuery 提供了几种方法来获取浏览器窗口的高度。以下是常用的方法：

获取窗口可视区域高度

使用 $(window).height() 方法可以获取浏览器窗口可视区域的高度（不包括工具栏、滚动条等）。

var windowHeight = $(window).height();
console.log('浏览器可视区域高度:', windowHeight);

获取文档高度

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

var documentHeight = $(document).height();
console.log('文档总高度:', documentHeight);

获取窗口滚动高度

如果需要获取当前窗口的垂直滚动位置，可以使用 $(window).scrollTop()。

var scrollPosition = $(window).scrollTop();
console.log('当前滚动位置:', scrollPosition);

响应窗口大小变化

如果需要实时获取窗口高度变化，可以监听 resize 事件。

$(window).resize(function() {
    var currentHeight = $(window).height();
    console.log('当前窗口高度:', currentHeight);
});

这些方法可以帮助开发者根据浏览器窗口或文档的高度动态调整页面布局或内容。