Jquery 文档的各种高度和宽度

    $(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();如果文档的内容的高度还不足浏览器的高度的时候,则浏览器窗口的高度
     但是当文档点内容高度超过浏览器的高度点时候,则其高度是整个文档的高度。
$(document.body).height() 则指的是文档的实际高度。
posted on 2012-07-15 16:08  cfd406635982  阅读(6158)  评论(0编辑  收藏  举报