使用window.location更改页面

Question

我真的不知道该怎么称呼它。我正在使用jQuery，以便当用户点击div时，它会将它们转移到基于div类的页面：

window.location = $(this).attr('class');

说我正在从网络服务器（localhost）连接。第一次点击可能会带我到

localhost/info

如果我点击约，它会带我到

localhost/info/about

我想知道如何让它转移到

localhost/about

而不是

localhost/info/about

Answer 1

首先，location是一个对象。虽然分配给它确实有效，但最好分配给location.href。

此外，class是用于此的属性的错误选择，因为它非常有限。相反，您应该考虑数据属性：

<div data-href="/about"></div>

请注意属性值中的/。这就是您需要相对于域提出请求的内容。现在你到达那里：

location.href = this.getAttribute("data-href");

PS。每当有人写$(this).attr(...)时，独角兽就会死亡。

Answer 2

您需要使用绝对路径而不是相对路径。为此，您可以在班级前加/。

window.location = "/" + $(this).attr('class');