javascript - 即使更改了哈希，如何在网页中单击浏览器后退按钮时返回上一页？

Question

我有一个网页，其中我的 anchor 标记使用#id 引用同一页面中的元素之一。但这会更改我的 URL，因为它将 #id 添加到后缀中。所以现在当我想通过单击浏览器的后退按钮返回到我来的页面时，它不会返回到上一页，而是返回到我通过单击 anchor 标记所做的哈希选择.请帮我解决这个问题。

Answer 1

当您使用哈希路由时，它会在浏览器历史记录中创建一条新记录，就像您导航到一个新页面一样。因此，如果您在网站上从一个页面导航到该页面上的哈希路由，然后导航到一个新页面，您将必须点击后退按钮两次才能返回到您的原始位置。

因此，如果您导航 https://example.com -> https://example.com#myHash -> https:/example.com/another-page 然后单击第一个后退按钮将导航到 https://example.com#myHash，第二次单击后退按钮将导航到 https://example.com

希望对你有帮助