Ajax页面导航'#'符号

时间:2012-05-03 13:45:08

标签: javascript ajax navigation

我关注谷歌的

 https://mail.google.com/mail/?shva=1#inbox

特别是 #inbox

此网址可以加入书签,如何实现?

1 个答案:

答案 0 :(得分:1)

因为它是由Javascript通过Ajax调用处理的,所以它考虑了查询字符串中的内容。

在Javascript中查找所有#tags的示例是:

urlquery=location.href.split("#");

因此,当第一次加载包含该类链接的页面时,页面上的链接将生成包含#anchors,单击时会更改位置地址,但不会导致页面重新加载,因为它是锚到当前页面。然后javascript挂钩到click事件做真正的工作,通过Ajax加载真实内容。

但是,由于地址栏上的地址已更改,您可以将其存储在书签上。当加载该书签时,它会使用javascript加载一个准系统Web,以便再次使用#检测地址上的标签,然后通过Ajax加载真实内容。

这就是为什么,例如,Google Chrome上的Twitter页面缩略图始终显示没有消息的界面,因为生成缩略图时,Ajax仍然没有加载内容。