【html5中history有两个新增的api】在HTML5中，`History` 对象得到了扩展，引入了两个新的API：`pushState()` 和 `replaceState()`。这两个方法使得开发者可以在不刷新页面的情况下，动态修改浏览器的历史记录和URL，从而实现更流畅的单页应用（SPA）体验。
一、
`pushState()` 和 `replaceState()` 是 HTML5 History API 的核心功能，它们允许开发者在客户端操作浏览器的历史栈，而无需重新加载整个页面。这为现代 Web 应用提供了更好的用户体验和更灵活的路由管理。
- pushState()：将一个新的历史记录条目添加到浏览器的历史栈中。
- replaceState()：替换当前的历史记录条目，不会产生新的历史记录。
这两个方法通常与 `popstate` 事件配合使用，用于监听用户点击浏览器的前进或后退按钮时的行为。
二、表格对比
| 方法名称 | 是否添加新记录 | 是否改变当前记录 | 参数说明 | 使用场景 |
| `pushState()` | 是 | 否 | `state`（状态对象）、`title`（标题）、`url`（新URL） | 页面跳转、导航、添加新历史记录 |
| `replaceState()` | 否 | 是 | `state`（状态对象）、`title`（标题）、`url`（新URL） | 替换当前页面的URL和状态信息 |
三、使用示例
```javascript
// pushState 示例
history.pushState({ page: "home" }, "Home", "/home");
// replaceState 示例
history.replaceState({ page: "about" }, "About", "/about");
```
四、注意事项
- 这两个方法不会触发页面加载，因此不能依赖它们来更新页面内容，需要手动处理。
- 在某些旧版浏览器中可能不支持，建议做兼容性检查。
- `popstate` 事件仅在用户通过浏览器导航（如点击前进/后退）时触发，而不是通过 JavaScript 调用 `pushState()` 或 `replaceState()` 触发。
通过合理使用 `pushState()` 和 `replaceState()`，开发者可以构建出更加高效、用户体验更好的单页应用，避免不必要的页面刷新和资源加载。