jQuery下获取浏览器、可视范围及其他的各种宽高

最新推荐文章于 2023-10-11 17:37:50 发布

原创最新推荐文章于 2023-10-11 17:37:50 发布 · 4.4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#浏览器 #jquery #文档 #border

JQUERY 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何使用JavaScript来获取浏览器窗口的可视区域尺寸、文档的尺寸以及滚动条的位置。通过具体的方法如$(window).height()等，帮助开发者更好地理解和操作网页布局。

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

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的总宽度 包括border padding margin
 
alert($(document).scrollTop()); //获取滚动条到顶部的垂直高度
alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽