用jQuery监听浏览器窗口的变化

最新推荐文章于 2025-03-15 11:06:15 发布

weixin_33901843

最新推荐文章于 2025-03-15 11:06:15 发布

阅读量474

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://juejin.im/post/5b471e6ae51d4519945fc0db

本文介绍了一个使用jQuery监听浏览器窗口尺寸变化的简单示例，并展示了如何获取浏览器窗口的可视区域高度、文档高度及body元素的高度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(window).resize(function () {          //当浏览器大小变化时
    alert($(window).height());          //浏览器时下窗口可视区域高度
    alert($(document).height());        //浏览器时下窗口文档的高度
    alert($(document.body).height());   //浏览器时下窗口文档body的高度
    alert($(document.body).outerHeight(true)); //浏览器时下窗口文档body的总高度 包括border padding margin
});
复制代码

转载于:https://juejin.im/post/5b471e6ae51d4519945fc0db