HTML5 history新特性pushState、replaceState

`pushState()` 和 `replaceState()` 是 HTML5 history API 中的两个新方法，它们可以在不刷新页面的情况下修改浏览器的历史记录。

`pushState()` 方法可以向浏览器的历史记录中添加一条新的记录，并且不会立即跳转到新的页面。该方法接受三个参数，分别是状态对象(state object)、标题(title)和 URL(url)。例如：

history.pushState({page: 1}, "Page 1", "/page1");

这里的第一个参数是一个 JavaScript 对象，它可以包含一些需要保存在历史记录中的状态信息。第二个参数是页面的标题，第三个参数是页面的 URL。

`replaceState()` 方法和 `pushState()` 方法类似，但它是用新的历史记录替换当前的历史记录，而不是添加一条新的记录。例如：

history.replaceState({page: 2}, "Page 2", "/page2");

这里的参数和 `pushState()` 方法相同。

通过使用 `pushState()` 和 `replaceState()` 方法，我们可以创建一个单页应用程序(SPA)，在不刷新页面的情况下改变 URL 和页面内容。这种技术可以提高用户体验，但需要注意的是，如果不正确使用这些方法，可能会造成一些问题。