在地址栏中隐藏 url 链接答案

【问题标题】：Hiding url link in address bar在地址栏中隐藏 url 链接
【发布时间】：2015-11-05 21:48:41
【问题描述】：

您好，是否可以在地址栏中隐藏 url 链接。我正在构建一个单页网站，我只想看到我的域名。

HTML

<a href="#Home">Home</a>
<a href="#About">About</a>

<div id="Home">This is my home page</div>
<div id="About">This is my About page</div>

说当我点击主页链接时，我的网址就会变成。

www.mydomain.com/#Home

如何不显示 #Home url 而只显示 www.mydomain.com？

【问题讨论】：

这是个坏主意，但您正在寻找pushState() (developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/…)
为什么这是个坏主意？
因为如果 URL 发生变化，您不应该隐藏它，或者您在应该使用其他内容时使用链接。适当的 URL 为爬虫提供书签、适当的缓存处理和 seo。
你也可以通过jquery来实现

【解决方案1】：

使所有链接使用 AJAX 加载其内容并替换当前页面的内容。

但 url 中的 # 有助于搜索引擎观察索引，加载相关内容（如果已添加书签）

【讨论】：