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

Question

我如何使我的页面显示像groovehark页面
http://grooveshark.com/#!/popular
是否有一个教程或知道如何通过jQuery或JavaScript显示页面的方式？

Answer 1

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

Google还将此URL方案识别为AJAX网址,并尝试从服务器获取内容,因为它将由您的javascript呈现.如果您打算使用此技术制作网站,请查看google针对网站管理员的AJAX抓取文档.还要记住,你不应该依赖于启用javascript,因为Gawker学到了很多困难.

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