History对象和Location对象

History 对象

History 对象包含用户（在浏览器窗口中）访问过的 URL。

History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。

所有浏览器都支持该对象。

History 对象属性

我们可以 console.log(history)来看一下输出结果：

可以看到history只有length一个属性，返回的是浏览器历史列表中的 URL 数量。

History 对象方法

back()——加载history列表中的前一个URL；

forward()——加载history列表中的下一个URL；

go()——加载history列表中的某个具体页面

Location对象

Location 对象包含有关当前 URL 的信息。

Location 对象是 window 对象的一部分，可通过 window.Location 属性对其进行访问。

所有浏览器都支持该对象

Location 对象属性

属性	描述
hash	返回一个URL的锚部分
host	返回一个URL的主机名和端口
hostname	返回URL的主机名
href	返回完整的URL
pathname	返回的URL路径名。
port	返回一个URL服务器使用的端口号
protocol	返回一个URL协议
search	返回一个URL的查询部分

 

Location 对象方法

方法	说明
assign()	载入一个新的文档
reload()	重新载入当前文档
replace()	用新的文档替换当前文档