jquery - 使用单页网站并使用URL哈希和jQuery维护状态

我正在处理我的投资组合，使其完全基于jQuery。所以我的问题是，当您转到某个页面，然后刷新时，它将再次将您带到主页。因此，实际上我有两个问题。

您如何(通过jQuery/Javascript)从URL获取“哈希码”？

E.G.我想要这个粗体部分:http://portfolio.theadamgaskins.com/Portfolio/ #graphicsDesign

当导航到新页面以包含该页面的哈希码时，如何更改地址栏中的URL？

E.G.当您进入graphicsDesign页面时，地址栏中的链接将更改为http://portfolio.theadamgaskins.com/Portfolio/#graphicsDesign

最佳答案

您将 anchor 指向内部链接，如下所示:

<a href="#graphicsDesign">Graphics</a>

然后只需让jQuery响应click事件，然后让浏览器自然地跟随内部链接即可。现在，浏览器的地址栏中应具有内部链接。您可以使用以下JavaScript解析the URL，然后加载HTML文档的正确部分。您将需要编写代码，以便根据浏览器的内部地址加载正确的内容。

if(window.location.hash === "graphicsDesign" ||
window.location.hash === "somethingElse") {
    loadContent(window.location.hash);
}