javascript - JS 使用 URL 而非 HASH 更新窗口位置

Question

我正在为登录/注册等构建一个网络应用程序，并且不希望页面必须刷新。

www.mysite.com

我知道如何在不刷新页面的情况下在 URL 上设置哈希：

location.hash

给予：www.mysite.com/#signin

但我想要的是：www.mysite.com/signin

没有哈希，所以它是 SEO 友好的。另外，一旦我设置了它。如何在 JavaScript 中读取 / 之后的第一个路径，以便检测 SignIn、Register、AboutUs 等，并显示适当的内容？

谢谢！

Answer 1

如果不强制页面加载，您无法通过 JS 更改位置。只有散列部分可以更改而不强制页面加载。

Answer 2

document.location = "signin";

这将刷新页面。如果不使用锚点（哈希），就无法绕过它。

然后阅读您所在的页面：

var page = document.location;
var path = page.pathname;

if (path == "signin") {
    // do something
}

Answer 3

Assuming your "signin" content is truly on the same page then the hash has no advantage or disadvantage as the page will be crawled and indexed regardless of the URL format. See this SO Post.