Jquery获取窗口高度

最新推荐文章于 2025-03-26 02:50:27 发布

原创最新推荐文章于 2025-03-26 02:50:27 发布 · 146 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

前台&美工同时被 2 个专栏收录

118 篇文章

订阅专栏

jQuery插件收集

55 篇文章

订阅专栏

本文介绍如何使用JavaScript获取浏览器窗口的各种尺寸信息，包括可视区域的高度和宽度、文档的高度和宽度以及滚动条的位置。

[url]http://my.oschina.net/moks/blog/637583[/url]

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()); //获取滚动条到左边的垂直宽度