【JS基础】你真的了解 window对象 吗？

window对象

概述

浏览器里面，window对象（注意，w为小写）指当前的浏览器窗口。它也是当前页面的顶层对象，即最高一层的对象，所有其他对象都是它的下属。一个变量如果未声明，那么默认就是顶层对象的属性。

a = 1;
window.a // 1

上面代码中，a是一个没有声明就直接赋值的变量，它自动成为顶层对象的属性。

属性 （举例一些常用 的/红色为重点）

window.name

window.name 属性是一个字符串，表示当前浏览器窗口的名字。窗口不一定需要名字（默认""），这个属性主要配合超链接和表单的target属性使用。

浏览器窗口不关闭，这个属性不会消失。举例来说，访问a.com时，该页面的脚本设置了window.name，接下来在同一个窗口里面载入了b.com，新页面的脚本可以读到上一个网页设置的window.name。页面刷新也是这种情况。一旦浏览器窗口关闭后，该属性保存的值就会消失。

window.innerHeight

window.innerHeight属性，返回网页在当前窗口中可见部分的高度，即“视口”（viewport）的大小（单位像素），属性只读，属性值包括滚动条的高度和宽度。

window.innerWidth

window.innerWidth属性，返回网页在当前窗口中可见部分的宽度，即“视口”（viewport）的大小（单位像素）。属性只读，属性值包括滚动条的高度和宽度。

注意：

<