码迷,mamicode.com
首页 > Web开发 > 详细

Jquery 文档的各种高度和宽度

时间:2015-10-30 12:07:04      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:

$(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  
} ) 
 JQuery的$(window).height()指示的是浏览器窗口的高度;

$(document).height();如果文档的内容的高度还不足浏览器的高度的时候,则浏览器窗口的高度<br>     但是当文档点内容高度超过浏览器的高度点时候,则其高度是整个文档的高度。
$(document.body).height() 则指的是文档的实际高度。

不想设置fixed,即使body高度很小也能把底部内容放到底部的方法:

var h=$(document).height();
$(‘body‘).css(‘height‘,h);

样式:position:absolute;bottom:10px;

 

 转自:http://www.cnblogs.com/java-boy/archive/2012/07/15/2592386.html

Jquery 文档的各种高度和宽度

标签:

原文地址:http://www.cnblogs.com/lvchenfeng/p/4922704.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!