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

Question

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

Answer 1

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

Google 也将此 URL 方案识别为 AJAX url，并将尝试从服务器获取内容，因为它将由您的 javascript 呈现。如果您打算使用这种技术创建网站，请查看google 的 AJAX 网站管理员抓取文档。另外请记住，您不应该依赖启用 javascript，因为Gawker 是通过艰难的方式学习的。

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