jquery获取窗口高度

获取窗口高度的方法

使用jQuery获取浏览器窗口的高度可以通过$(window).height()方法实现。该方法返回当前视口（viewport）的高度，不包括滚动条、工具栏等。

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()返回的是视口高度，不包括滚动条。
• 在移动设备上，某些浏览器可能会因为工具栏的显示/隐藏而动态改变视口高度。
• 确保在DOM完全加载后再执行相关代码，可以将代码放在$(document).ready()中。