隐藏单页网站上的URL

时间:2013-01-04 17:18:26

标签: html url navigation

我最近完成了我的新单页组合网站。我在隐藏链接的URL时遇到了一些麻烦。 例如:当您点击“我的工作”时链接,它会将您带到位于“我的心灵”的div中。网站的一部分。

目前它的内容是 http://www.springalldesign.co.uk/#title-wrapper ,看起来非常混乱。
#title-wrapper 只是该部分顶部div的名称)

我知道我可以改变div,所以它会改为阅读 http://www.springalldesign.co.uk/#mywork ,但我仍然觉得它看起来很混乱。无论你点击什么链接,我都希望网址能够阅读 http://www.springalldesign.co.uk/

提前致谢

link to website

3 个答案:

答案 0 :(得分:1)

在第101行,您正在设置网址哈希:

location.hash = target;

如果您不希望显示哈希,只需删除此行。

请注意,这会阻止深层链接。

答案 1 :(得分:0)

我建议你留下哈希(#),因为用户可以通过直接网址轻松获取特定页面(例如我做什么=> http://www.springalldesign.co.uk/#whatido-title

要摆脱哈希(#),您可以更改菜单< A href's>到< A onclick的>分别。 请记住,您还应该提供“onclick”事件处理程序以便正确导航。

答案 2 :(得分:0)

jsFiddle DEMO (删除/show/以访问jsFiddle编辑页面。)

您的主页只能在您的网页上显示iframe

然后, URL地址栏中的导航 永远不会更改。

在那个jsFiddle中,注意地址栏是如何始终相同的。