获取游览器窗口的大小（window对象）

window对象获取游览器窗口大小

window获取窗口的大小在不同浏览器上情况不一样，根据主流的浏览器大致分为以下三种情况。
注意：浏览器的视口不包括<工具栏>和<滚动条>

情况一：

在Internet Explorer(9+)、Chrome、Firefox、Opera 以及 Safari：
window.innerHeight - 浏览器窗口的内部高度
window.innerWidth - 浏览器窗口的内部宽度
示例代码：

<script type="text/javascript">
    var width = window.innerWidth;
    var height = window.innerHeight ;
    console.log("窗口宽度："+width);
    console.log("窗口高度："+height);
</script>

情况二：

对于 Internet Explorer 8、7、6、5：(Chrome和Firefox也支持)
document.documentElement.clientHeight
document.documentElement.clientWidth
示例代码：

<script type="text/javascript">
    var width = document.documentElement.clientWidth;
    var height = document.documentElement.clientHeight;
    console.log("窗口宽度："+width);
    console.log("窗口高度："+height);
</script>

情况三：

为了兼容浏览器的版本可以使用下面的代码(可以涵盖所有的浏览器)。

示例代码：

<script type="text/javascript">
    var width = window.innerWidth || document.documentElement.clientWidth;
    var height = window.innerHeight || document.documentElement.clientHeight;
    console.log("窗口宽度："+width);
    console.log("窗口高度："+height);
</script>