页面高度的几个api

获取窗口高度

这几个属性总是记不住。。。记录一下加深印象...

innerHeight、innerWidth、outerHeight、outerHeight在IE9+、safari、firefox、chrome中inner属性返回浏览器窗口大小,

inner的属性返回当前页面视图容器的大小。。。（可以理解成去掉地址栏。导航。收藏夹，。。。。等等）。。。就是显示页面的这个浏览器控件的大小

IE8以及更早的浏览器没有获取浏览器本身大小的api，只能获取页面窗口大小属性如下：

document.documentElement.clientWidth,document.documentElement.clientHeight;

在IE6中，这两个属性只在标准模式下可用。。如果是混杂模式则。。。需要通过document.body.clientHeight,document.body.clientWidth来获取

那么获取页面可见区域大小的函数如下

	function getViewPort(){
		var ph = window.innerHeight;
		var pw = window.innerWidth;
		if(typeof pw !="number"){
			if(document.compatMode =="cssCompat"){//判断是否是标准模式
				pw = document.documentElement.clientWidth;
				ph = document.documentElement.clientHeight;
			}else{
				pw=document.body.clientWidth;
				ph = document.body.clientHeight;
			}
		}
		return {height:ph,width:pw};
	}
	//获取文档总高度的方法
	function getDocView(){
		var docHeight = Math.max(document.documentElement.scrollHeight,document.documentElement.clientHeight);
		var docWidth = Math.max(document.documentElement.scrollWidth,document.documentElement.clientWidth);
		return {height:docHeight,width:docWidth};
	}