jquery获取屏幕的高度

jQuery获取屏幕高度的方法

使用jQuery获取屏幕高度可以通过以下方式实现：

var screenHeight = $(window).height();

这个方法会返回浏览器窗口的可见区域高度（视口高度），不包括工具栏和滚动条。

获取文档高度

如果需要获取整个文档的高度（包括超出可视区域的部分）：

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

获取屏幕分辨率高度

要获取显示器的物理分辨率高度（整个屏幕高度）：

var screenResolutionHeight = screen.height;

注意事项

• $(window).height() 返回的是当前视口高度，会随浏览器窗口大小改变而变化
• $(document).height() 返回的是整个文档的高度，包括需要滚动查看的部分
• screen.height 返回的是显示器的物理像素高度，通常不会变化

实际应用示例

监听窗口大小变化时获取高度：

$(window).resize(function() {
    console.log("当前窗口高度：" + $(window).height());
});

获取页面加载时的初始高度：

$(document).ready(function() {
    console.log("初始窗口高度：" + $(window).height());
});