javascript - 使用 window.location.hash 多个参数导航

Question

我正在开发一些单页功能，并window.location.hash在刷新后用于重建页面。

基本上我有一个像这样的简单菜单：

<a href = "#user">User</a>
<a href = "#comment">Comment List</a>

当按下评论列表链接时，浏览器 URL 将变为：

myapp.com/#comment

在此页面上有删除链接，它们调用一些 AJAX 函数来删除评论：

<a href = "#remove" class = "rmv-comment" data-id = "${commentId}">Remove Comment</a>

当按下Remove Comment链接时，浏览器 URL 将变为：

myapp.com/#remove

这不是很有帮助，因为现在我无法在刷新时重建旧页面。（#comment哈希不存在，因此将显示一些默认页面）

我正在寻找一种构建 URL 的方法，例如：

myapp.com/#comment/#remove

我尝试将不同的字符（如\or ?）附加到#comment但没有运气。提前致谢。

Answer 1

在现代浏览器中，您只能使用一个井号

而不是myapp.com/#comment/#remove你可以使用这样的东西：

myapp.com/comment/remove

window.history要在不重新加载页面使用对象的情况下更改 url ：

window.history.pushState("", "Title", "/remove");
window.history.pushState("", "Title", "/comment/remove");