jquery获取屏幕高度

获取屏幕高度的方法

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

使用$(window).height()

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

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

使用$(document).height()

该方法返回整个文档的高度，包括超出可视区域的部分。

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

使用原生JavaScript的window.innerHeight

如果不需要jQuery，可以直接使用原生JavaScript获取视口高度。

var innerHeight = window.innerHeight;

注意事项

• $(window).height()和window.innerHeight通常返回相同的值，但后者可能包含滚动条高度。
• 在移动设备或响应式设计中，这些值可能因设备旋转或浏览器缩放而变化。

实际应用示例

动态调整元素高度以适应屏幕：

$(window).resize(function() {
    var viewportHeight = $(window).height();
    $('#myElement').css('height', viewportHeight + 'px');
});

兼容性提示

对于旧版IE浏览器（IE8及以下），建议使用document.documentElement.clientHeight作为备用方案：

var height = window.innerHeight || document.documentElement.clientHeight;