Location 中常用属性如下：
| 属性 | 值 | 解释 |
|---|---|---|
| href | https://resource.xxx.com/wss_test/5dc54e230f101ed7c2256d0d/5e33d104680dca7ebc7a223b/index.html?time=1580454161498 | href 是整个网页地址 |
| hostname | resource.xxx.com | hostname 是网页域名 |
| host | resource.xxx.com | host 是网页域名 + 端口信息，在这里端口默认 80 省略了，所有和 hostname 一样 |
| protocol | https | protocol 代表协议信息 |
| origin | https://resource.xxx.com | origin 页面来源的域名的标准形式 |
| pathname | /5dc54e230f101ed7c2256d0d/5e33d104680dca7ebc7a223b/index.html | pathname 包含 url 路径部分 |
| search | ?time=1580454161498 | search 表示 URL 参数 |
Location 方法
在 Location 方法中，我们重点掌握一个方法 — reload()
setTimeout(function() {
window.location.reload();
}, 3000);
History
允许操作浏览器的曾经在标签页或者框架里访问的会话历史记录，由这个名称我们得知，History 会存储改窗口的历史记录。
mdn 地址为: https://developer.mozilla.org/zh-CN/docs/Web/API/History
我们以上面跳转到新地址举例，如果原始网页为 https://www.xxx.com， 那 history 中存储为
// 会话记录
['https://www.xxx.com'];
如果我们在网页中点击某个链接，或者使用window.location = xxx跳转到https://www.baidu.com, 那 history 中存储为
// 绘画记录
['https://www.xxx.com', 'https://www.baidu.com'];
后续访问，以此类推。能看出来这是一个数组（或者说是列表），在实际存储中用到的数据结构和数组特别类似，叫做栈
在 history 中需要掌握两个方法， back()和forward()，分别对应到浏览器左上角的返回和前进按钮。
