window-location/history

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()，分别对应到浏览器左上角的返回和前进按钮。