Ajax 页面导航“#”符号
Ajax page navigation '#' symbol
我关注了谷歌的
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仍然没有加载内容。
相关文章:
- 单击顶部导航时如何进行向下滚动效果(向下滑动).
- angular 1.5应用程序中的导航栏
- 无法从jquery Mobile导航栏重定向到另一个页面
- 引导程序:在导航栏中,显示悬停在单个位置的基于Li Link的不同内容
- 导航到特定事件的另一个变量页面
- 在.csv文件中写入学位符号
- MVC 3页面导航和使用javascript传递参数
- 如何在react js中从一个页面导航到另一个页面
- 使用相同的数据集绘制各种符号
- 导航栏没有调整到浏览器屏幕的大小
- 显示放大镜弹出窗口时隐藏导航内容
- DataTable按下键选择扩展/导航
- 正在检测导航到<a name=“;最新主题”></a>
- 设置单击项目符号导航后不起作用的间隔
- 未显示 Jssor 项目符号导航器
- 项目符号导航中的 JSSOR 滑块错误
- Ajax 页面导航“#”符号
- JSSOR的项目符号导航问题
- 在幻灯片中放置项目符号导航栏
- 在Swipe JS中使用项目符号作为导航