JQuery获取浏览器窗口宽高

最新推荐文章于 2023-09-15 01:33:04 发布

转载最新推荐文章于 2023-09-15 01:33:04 发布 · 816 阅读

文章标签：

#jquery #jQuery #JQUERY #Jquery #JQuery

Jquery 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何使用JavaScript获取浏览器窗口的可视区域高度、文档高度、文档body高度及总高度，包括边距、填充、边框等。同时，文章还讲解了窗口的可视区域宽度和文档对象的宽度。

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

$(document).ready(function() 
{ 
alert($(window).height()); //浏览器当前窗口可视区域高度 
alert($(document).height()); //浏览器当前窗口文档的高度 
alert($(document.body).height());//浏览器当前窗口文档body的高度 
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin 
alert($(window).width()); //浏览器当前窗口可视区域宽度 
alert($(document).width());//浏览器当前窗口文档对象宽度 
alert($(document.body).width());//浏览器当前窗口文档body的高度 
alert($(document.body).outerWidth(true));//浏览器当前窗口文档body
}