【html5中history有两个新增的api】在HTML5中，`History` 对象被扩展，引入了两个新的API，用于更灵活地操作浏览器的历史记录。这些API使得开发者可以在不刷新页面的情况下，动态修改浏览器地址栏中的URL，并且能够监听URL的变化。这对单页应用（SPA）的开发非常有用。
一、总结
HTML5 中的 `History` 对象新增了以下两个 API：
1. `pushState()`
用于向浏览器历史记录中添加一个新的记录，同时改变当前 URL，但不会触发页面加载。
2. `replaceState()`
用于替换当前历史记录中的条目，同样可以修改 URL，但不会增加新的历史记录。
这两个方法配合 `popstate` 事件使用，可以实现对浏览器历史栈的精确控制，从而提升用户体验和页面交互的流畅性。
二、对比表格
| 方法名称 | 功能描述 | 是否触发页面加载 | 是否增加历史记录 | 是否可修改 URL |
| `pushState()` | 向历史记录中添加新记录，修改当前 URL | 否 | 是 | 是 |
| `replaceState()` | 替换当前历史记录，修改当前 URL | 否 | 否 | 是 |
三、使用示例
`pushState()` 示例：
```javascript
history.pushState({ page: "home" }, "Home Page", "/home");
```
`replaceState()` 示例：
```javascript
history.replaceState({ page: "about" }, "About Page", "/about");
```
四、注意事项
- 这两个 API 不会触发页面重新加载，因此适合用于单页应用。
- 需要结合 `popstate` 事件来监听用户点击浏览器返回/前进按钮的行为。
- 修改 URL 时应确保路径是有效的，否则可能导致错误或用户体验问题。
通过合理使用 `pushState()` 和 `replaceState()`，开发者可以更加灵活地管理浏览器的历史记录，提升网页的交互性和用户体验。
