×

如何用jQuery获取浏览器窗口的高度和宽度

作者:Terry2014.08.11来源:Web前端之家浏览:15647评论:0
关键词:JQuery

最近做了很多响应式的项目,经常会遇到遇到高度也要自适应屏幕,这样就要求我们数据jQuery获取浏览器窗口的高度和宽度的相关知识。现在就列举常用的“使用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>

您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/jQuery-get-height.html

网友评论文明上网理性发言已有0人参与

发表评论: