跨浏览器窗口兼容js

firefox,safari,opera,chrome 为确定浏览器窗口的大小都提供了4个属性：

innerWidth ,innerHeight,outerWidth,outerHeight

在Safari和firefox中，outerWidth,outerHeight返回浏览器窗口本身的尺寸（无论是从最外层的window对象还是从某个框架访问）

在opera中，这两个属性的值表示页面视图容器（指Opera中单个标签页对应的浏览器窗口）的大小。而innerWidth和innerHeight则表示该容器中页面视图区的大小（减去边框宽度）

在chrome中四个值返回相同的值，即视口（viewport）大小而非浏览器窗口大小。

IE没有提供取得当前浏览器窗口尺寸的属性，但是可以通过DOM提供页面可见区域的相关信息。

IE，Firefox，Safari，Opera，chrome中，document.documentElement.clientWidth 和document.documentElement.clientHeight中保存了页面视口的信息。