[JavaScript知识库]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>

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