【jquery】jquery获取浏览器的高度、宽度及滚动条的高度

作者：zccst 

遇到过一个问题，网页宽度大于浏览器宽度时出现横向滚动条。 
希望，能够在打开浏览器时网页居中显示，而不是靠左。 

解决办法： 

Js代码  

1. if($(document).width() > $(window).width()){  
2.     var w = ($(document).width() - $(window).width() ) / 2;  
3.     $(document).scrollLeft(w);//设置为居中  
4. }  

查了一下资料，下面这几个高度和宽度的意义都是不同的，我曾因困在div的宽度里花了一个多小时的时间解决。 

Js代码  

1. alert($(window).height()); //浏览器时下窗口可视区域高度     
2. alert($(document).height()); //浏览器时下窗口文档的高度     
3. alert($(document.body).height());//浏览器时下窗口文档body的高度     
4. alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin  
5.   
6. alert($(window).width()); //浏览器时下窗口可视区域宽度     
7. alert($(document).width());//浏览器时下窗口文档对于象宽度     
8. alert($(document.body).width());//浏览器时下窗口文档body的高度     
9. alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin  
10.   
11. alert($(document).scrollTop()); //获取滚动条到顶部的垂直高度     
12. alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度