jquery获取页面高度
jQuery获取页面高度的方法
使用jQuery可以方便地获取页面的高度,以下是几种常见的方法:

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

var docHeight = $(document).height();
console.log(docHeight);
获取窗口高度
窗口高度指的是浏览器可视区域的高度,不包括滚动条和工具栏。可以使用$(window).height()方法:
var winHeight = $(window).height();
console.log(winHeight);
获取HTML元素高度
如果需要获取特定HTML元素的高度,可以使用$(selector).height()方法。例如获取<body>的高度:
var bodyHeight = $('body').height();
console.log(bodyHeight);
注意事项
$(document).height()和$(window).height()的区别在于前者返回整个文档的高度,后者返回当前可视区域的高度。- 如果需要动态监听高度变化,可以结合
resize事件:$(window).resize(function() { console.log($(window).height()); });
以上方法适用于大多数现代浏览器,能够满足获取页面高度的需求。






