JQuery获取当前屏幕的高度宽度的实现代码

最新推荐文章于 2025-12-18 20:03:34 发布

原创最新推荐文章于 2025-12-18 20:03:34 发布 · 101 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript #css #html #html5

本文介绍了一段使用jQuery获取浏览器窗口及文档尺寸的脚本，包括可视区域的高度与宽度、文档的高度与宽度等关键信息。

<script type="text/javascript"> 
$(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的总宽度 包括border padding margin 
} 
) 
</script>