最近做了很多响应式的项目,经常会遇到遇到高度也要自适应屏幕,这样就要求我们数据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>
网友评论文明上网理性发言已有0人参与
发表评论: