BOM

Window 对象

Location接口表示其链接到的对象的位置（URL）。所做的修改反映在与之相关的对象上。document和window接口都有这样一个链接的Location，分别通过document.location和window.location访问（引用的是同一个对象）。

每次修改location的属性（hash除外），页面都会以新URL重新加载。

location.assign(url)方法会触发窗口加载并显示指定的URL的内容。

location.replace(url)方法以给定的URL来替换当前的资源。与assign()方法不同的是调用replace()方法后，当前页面不会保存到会话历史中，这样用户点击回退按钮将不会再跳转到该页面。

location.reload([forcedReload])方法用来刷新当前页面。该方法只有一个可选参数，当值为true时，将强制浏览器从服务器加载页面资源，否则当值为false或者未传参时，浏览器则可能从缓存中读取页面。

History接口允许操作浏览器的曾经在标签页或者框架里访问的会话历史记录。window.history是一个只读属性，用来获取History对象的引用。

属性名	说明
history.length	表示会话历史中元素的数目，包括当前加载的页
history.scrollRestoration	允许web应用程序在历史导航上显式地设置默认滚动恢复行为，此属性可以是自动的（auto）或者手动的（manual）
history.state	返回一个表示历史堆栈顶部地状态的值

执行pushState函数之后，会往浏览器的历史记录中添加一条新记录，同时改变地址栏的地址内容。它可以接收三个参数，按顺序分别为：

状态对象——一个对象或者字符串，用于描述新记录的一些特性。这个参数会被一并添加到历史记录中，以供以后使用。这个参数是开发者根据自己的需要自由给出的。无论什么时候用户导航到新的状态，popstate事件就会被触发，且该事件的state属性包含该历史条目状态对象的副本。
标题——一个字符串，目前这个参数被忽略，但未来可能会用到。传递一个空字符串在这里是安全的，而在将来这是不安全的。二选一的话，你可以为跳转的state传递一个短标题。
URL——一个字符串，该参数定义了新的历史URL记录。

var state = {
	id: 2,
	name: 'profile'
};
window.history.pushState(state, "My Profile", "/profile/");

当用户点击浏览器的「前进」、「后退」按钮时，就会触发popstate事件。你可以监听这一事件，从而作出反应。

window.addEventListener("popstate", function(e) {
	var state = e.state;
	// do something...
}, false);

这里的e.state就是当初pushState时传入的第一个参数。