如何制作忽略页内跳转的JS后退按钮

Question

有一个javascript命令window.history.back，它基本上撤消了点击链接的最后一个操作。但是，它有一个恼人的限制。如果您在一个包含大量页内链接的非常大的HTML页面上（使用符号<a href="#my-section">...</a>在同一页面内跳转），那么执行window.back不会让您进入上一页页;它只会带你到同一页面的上一部分。这通常不是我想要的。有没有办法跳转到上一页，而不是上一节？

可能有效的一种方法是在第一次加载页面时记录窗口历史记录的大小，然后返回，但从那时起已经进行了许多其他条目。这似乎容易出错（例如，如果你重新加载页面会发生什么？）

Answer 1

使用window.history而不是window.back。例如，您可以使用以下代码创建后退按钮：

<button onclick="goBack()">Go Back</button>

<script>
function goBack() {
    window.history.back();
}
</script>