jquery获取屏幕高度

jQuery获取屏幕高度的方法

使用jQuery可以方便地获取屏幕高度、窗口高度或文档高度，具体方法如下：

获取屏幕高度（屏幕分辨率高度）

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

获取文档高度（整个网页内容的高度）

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

获取窗口可视区域高度（浏览器窗口高度）

var windowHeight = $(window).innerHeight();

注意事项

• $(window).height() 获取的是浏览器窗口可视区域的高度
• $(document).height() 获取的是整个HTML文档的高度
• screen.height 是JavaScript原生属性，可直接获取屏幕分辨率高度

示例代码

$(document).ready(function() {
    console.log("屏幕高度: " + $(window).height());
    console.log("文档高度: " + $(document).height());
    console.log("窗口高度: " + $(window).innerHeight());
});

原生JavaScript替代方案 如果不使用jQuery，可以直接使用原生JavaScript：

// 窗口可视区域高度
var windowHeight = window.innerHeight;
// 文档高度
var documentHeight = Math.max(
    document.body.scrollHeight,
    document.body.offsetHeight,
    document.documentElement.clientHeight,
    document.documentElement.scrollHeight,
    document.documentElement.offsetHeight
);