Window对象在前端领域的角色-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

特殊的window

提起window，在网页当中很常见，比如像这样：

window.onload=function(){
//执行函数体
}

这段代码的意思是当网页内容加载完成后要做什么。

在js的领域，window对象有着双重角色，既是用来访问浏览器窗口的接口，又是Global对象。【相关课程推荐：JavaScript视频教程】

也正因为此，所有全局作用域中声明的变量、函数都会变成window对象的属性和方法。

比如这样：

var age = 29;
function sayAge(){
    alert(this.age);
}
alert(window.age); //29
sayAge();         //29
window.sayAge();  //29

但二者也不是完全等同，全局变量不能通过delete删除，而直接在window上定义的属性可以。

历史遗留

早期的网页中会使用较多的窗口和框架，在同一个窗口内展示有嵌套形式的网页，以及各种弹窗alert、confirm、prompt等，给用户输入或者确认信息，但随着网页开发技术和设计的发展，它们已经难寻踪迹，所以这里不重点说。

location对象

基本属性

location是最有用的BOM对象之一，它提供了当前窗口所加载文档的信息和导航功能。它的主要用途都跟url有关：

　　●　hash：返回url中#符号后面的字符，如果没有，返回空。

　　●　host/hostname：返回服务器名称或者端口号之类。

　　●　href：返回完整url

　　●　port：返回指定端口号

　　●　protocol：返回使用的协议

　　●　search：返回url的查询字符串，即从问号开始到末尾的所有内容

位置操作

location可以通过多种方式改变浏览器的位置，最常用的是assign()方法，比如：

1	`location.assign("http://www.baidu.com");`

这样就会马上打开新的url，并在浏览历史中增加一条记录，下面两行代码等效：

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者