为什么Facebook的导航栏固定并放置在顶部,移动到其他页面时不会重新加载
Why does Facebook navigation bar fixed and placed on top does not reload on moving to other pages?
很早以前我就对这个问题很好奇。当我们点击页面上的任何链接时,比如安全页面,甚至是一个人的名字或收件箱,url会改变,但导航栏保持原样。它不会重新加载,但页面的其余部分会重新加载,我知道这样的事情可以使用Jquery和通过改变显示的元素来完成,但是url如何改变呢?
它是AJAX和history.pushState()
方法的结合,允许您更新URL和操作浏览器的历史记录:
https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history The_pushState () _method
相关文章:
- 在BoilerplateJS浏览器加载所有脚本(在其他模块中),而不考虑激活的模块
- 防止用户在jQuery Mobile中ajax加载页面时单击其他位置
- 先在Angular中加载配置文件,然后再加载其他文件
- Firefox扩展开发:如何在内容脚本中创建一个全局函数,以便其他加载的脚本文件可以访问它
- get_browser降低页面加载速度,任何其他选择
- 使通过函数加载的JSON可用于其他函数
- 如何测试jQuery和某些其他脚本是否已加载
- Jquery无休止滚动加载来自其他站点的内容
- 限制在角度中过滤是否会阻止在 ng 重复中加载其他项目
- 如何停止一个函数并将其他函数设置为在 html5 的 javascript 中加载时运行
- 需要帮助使用 AJAX 和其他一些东西加载数据
- 不要为机器人(谷歌和其他)加载JS脚本以获得更好的性能
- 在页面加载时创建/设置活动的默认链接,但在单击其他链接时删除活动链接
- 使用 jquery 在我的网站中加载其他网页不起作用
- 动态加载的缩略图显示其他缩略图的全尺寸图像,而不是自己的缩略图(使用javascript悬停效果)
- 如果当前图像加载缓慢,如何加载其他图像
- 调整从其他域加载的iframe/object标记的内容大小
- 点击其他页面加载信息
- jquery惰性加载和其他jquery/javascript函数;追加后无法工作
- 如何使jQuery加载在其他加载完成时开始