获取视口的大小

获取视口的三种方法：

（1）window.innerHeight – 浏览器窗口的内部高度 

        window.innerWidth – 浏览器窗口的内部宽度 

        IE8及以下不支持

（2）document.documentElement.clientWidth ——可见区域的宽

        document.documentElement.clientHeight ——可见区域的高

（3）document.body.clientWidth ——body元素的宽度

        document.body.clientHeight   ——body元素的高度

注意事项：

（1）标准模式下（CSS1Compat）：

       inner  可以视为是包含滚动条尺寸的视口，

       documentElement.client  可以视为不包含滚动条尺寸的视口，两者在存在滚动条的方向上相差17px；

        而body.clientWidth明显是不行的，无论在那个版本中，该属性值保存的是body元素的尺寸，当然如果视口与body一样大的话，也可以使用该值。

（2）混杂模式下（BackCompat）：

        在混杂模式下，ie10+的浏览器，三者的值都是相同的