jquery获取页面高度
获取页面高度的方法
使用jQuery可以轻松获取页面的高度，以下是几种常见的方法：
获取文档高度（包括滚动区域）
使用$(document).height()可以获取整个文档的高度，包括超出可视区域的部分。
var docHeight = $(document).height();
console.log(docHeight);获取窗口可视区域高度
使用$(window).height()可以获取浏览器窗口的可视区域高度，不包括滚动条外的内容。
var windowHeight = $(window).height();
console.log(windowHeight);获取HTML元素的高度
如果需要获取特定元素（如<html>或<body>）的高度，可以直接选择该元素并调用.height()方法。
var htmlHeight = $('html').height();
var bodyHeight = $('body').height();
console.log(htmlHeight, bodyHeight);注意事项
- 如果页面内容动态加载，可能需要监听加载完成事件（如
$(window).load()）后再获取高度。 - 某些情况下，CSS的
box-sizing属性可能影响高度计算，需确保样式一致性。
示例代码
以下是一个完整的示例，展示如何获取并打印文档和窗口高度：
$(document).ready(function() {
var docHeight = $(document).height();
var windowHeight = $(window).height();
console.log('文档高度:', docHeight, '窗口高度:', windowHeight);
});
