如何制作一个忽略页内跳跃的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>