Ajax 页面导航“#”符号

Ajax page navigation '#' symbol

本文关键字:符号 导航 Ajax      更新时间:2023-09-26

我关注了谷歌的

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

特别是 #inbox

这个URL可以书签,如何实现?

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

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

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

因此,当首次加载包含此类链接的页面时,页面上的链接将生成包含 # 锚点,单击这些锚点时会更改位置地址,但不会导致页面重新加载,因为它是当前页面的锚点。然后,指向click事件的javascript钩子通过Ajax完成加载真实内容的真正工作。

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

这就是为什么,

例如,谷歌浏览器上的Twitter页面的缩略图总是显示一个没有消息的界面,因为当该缩略图生成时,Ajax仍然没有加载内容。