给出一个通过history对象的方法，实现两个页面之前的前进与后退的案例

假设我们有两个页面，页面 A 和页面 B。我们可以通过以下步骤实现页面之间的前进和后退：

1. 在页面 A 中，通过 history.pushState() 方法将当前页面的 URL 和状态信息添加到浏览器的历史记录中。

history.pushState({ page: 'A' }, '页面A', '/pageA');

2. 在页面 A 中，创建一个链接或按钮，用于跳转到页面 B。当用户点击该链接或按钮时，调用 history.pushState() 方法将页面 B 的 URL 和状态信息添加到浏览器的历史记录中。

<a href="/pageB" onclick="goToPageB()">跳转到页面B</a>

function goToPageB() {
  history.pushState({ page: 'B' }, '页面B', '/pageB');
}

3. 在页面 B 中，通过 history.replaceState() 方法将当前页面的 URL 和状态信息替换浏览器历史记录中的最后一个条目。

history.replaceState({ page: 'B' }, '页面B', '/pageB');

4. 在页面 B 中，创建一个链接或按钮，用于返回页面 A。当用户点击该链接或按钮时，调用 history.back() 方法返回到页面 A。

<a href="#" onclick="goBack()">返回页面A</a>

function goBack() {
  history.back();
}

通过这些步骤，我们可以实现简单的页面之间的前进和后退。需要注意的是，这种方式只能在同一个浏览器窗口中的页面之间进行导航，如果在新窗口或标签中打开页面，则无法进行前进和后退操作。