#！链接中的标签和感叹号作为文件夹？答案

【问题标题】：#! hashtag and exclamation mark in links as folder?#！链接中的标签和感叹号作为文件夹？
【发布时间】：2012-10-03 23:40:50
【问题描述】：

我怎样才能让我的页面显示像grooveshark页面
http://grooveshark.com/#!/popular
是否有教程或其他内容知道如何通过 jQuery 或 JavaScript 显示页面？

【问题讨论】：

我在回答中添加了一些提示，如果您想使用这种技术创建网站，您可能会发现这些提示很有用。

标签： javascript jquery ajax html

【解决方案1】：

url 中的井号和感叹号称为 hashbang，通常用在 javascript 负责实际加载页面的 Web 应用程序中。哈希后的内容永远不会发送到服务器。例如，如果您有 URL example.com/#!recipes/bread。在这种情况下，example.com 上的页面将从服务器获取，这可能包含一段 javascript。然后，此脚本可以从location.hash 读取，并在/recipes/bread 加载页面。

Google 也将此 URL 方案识别为 AJAX url，并会尝试从服务器获取内容，因为它会由您的 javascript 呈现。如果您打算使用此技术创建站点，请查看google's AJAX crawling documentation for webmasters。另外请记住，您不应依赖启用 javascript，如 Gawker learned the hard way.

hashbang 在很多网站中都将不再使用，即使是 javascript 进行路由。这是可能的，因为所有主流浏览器都支持history API。为此，他们使站点上的每个路径都返回相同的 Javascript，然后查看实际的 url 以加载内容。当用户点击一个链接时，Javascript 会拦截点击事件，并使用 History API 将新页面推送到浏览器历史记录中，然后加载新内容。

【讨论】：