JavaScript浏览器对象——window对象

1.window对象：

        window 对象是浏览器对象模型（Browser Object Model, BOM）的核心，window 对象指当前的的浏览器窗口

        所有的 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员

        全局变量是 window 对象的属性

        全局函数是 window 对象的方法

        甚至 HTML DOM 的 document 也是 window 对象的属性之一

2.window尺寸：

        window.innerHeight - 浏览器窗口的内部高度

        window.innerHeight - 浏览器窗口的内部宽度

<script>
document.write("当前窗口宽度：" + window.innerWidth); //当前窗口宽度：1536
document.write("当前窗口高度：" + window.innerHeight);//当前窗口高度：666
</script>

        当然上面也可以使用 window.document.write 就行打印输出，因为 document 也是 window 对象的属性之一，但是可以省略，所以我们一般都不写。

3.window方法

        window.open() - 打开新窗口

<button id="btn" onclick="btnClicked()">按钮</button>
<script>
    function btnClicked(){
        window.open("index.html")
    }
</script>

        只需要在浏览器页面上面点击按钮就可以打开“index.html”页面，前提是这个页面存在，不然就会显示 404错误。 当然 window.open 带有三个参数，第一个是 url 就是我们要打开的页面，第二个是 windowName 打开页面的名字，第三个是 windowFeatures 打开页面的一些特性。

        window.close() - 关闭当前窗口

<button id="btn" onclick="btnClicked()">按钮</button>
<script>
    function btnClicked(){
        window.close();
    }
</script>

        只要在浏览器端直接点击按钮就可以关闭当前窗口。