jquery 获取浏览器宽高变化

最新推荐文章于 2024-06-07 13:16:17 发布

转载最新推荐文章于 2024-06-07 13:16:17 发布 · 232 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/aytsoft/p/4654840.html

文章标签：

#javascript #ViewUI

本文介绍了如何在JavaScript中监听并响应浏览器窗口大小的变化事件，包括获取窗口的可视区域高度、文档宽度、文档body的高度及总高度（包含border、padding、margin）。提供了具体的代码示例，便于开发者理解和实现。

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

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