jquery获取浏览器高度

获取浏览器高度的方法

使用jQuery获取浏览器高度可以通过以下几种方式实现，具体取决于需要获取的是窗口高度、文档高度还是可视区域高度。

获取窗口高度

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

var windowHeight = $(window).height();
console.log('窗口高度：' + windowHeight);

获取文档高度

文档高度指的是整个HTML文档的高度，包括超出可视区域的部分。可以使用$(document).height()方法获取。

var documentHeight = $(document).height();
console.log('文档高度：' + documentHeight);

获取可视区域高度

可视区域高度通常与窗口高度相同，但可以通过$(window).innerHeight()方法获取，它包括了滚动条的高度（如果有）。

var innerHeight = $(window).innerHeight();
console.log('可视区域高度：' + innerHeight);

注意事项

• 如果页面内容动态加载或高度发生变化，可能需要监听resize事件来实时获取最新高度。
• 不同浏览器或设备可能会有细微差异，建议在实际环境中测试。

$(window).on('resize', function() {
    console.log('窗口高度：' + $(window).height());
});