繁体 English 中英

gmail和Facebook如何在不更改整个HTML DOM的情况下更改URL路径？

[英]How does gmail and facebook change the URL path without having to change the entire HTML DOM?

原文 2019-03-15 17:46:48 3 3 javascript/ html/ url/ dom

Gmail和Facebook可以更改URL，您仍然可以在其中使用后退和前进按钮，但是页面的HTML DOM不会完全改变。 他们是如何做到的？ 我知道他们使用的是javascript，但是这种魔术还涉及其他哪些技术？

3 个解决方案

这是通过History API完成的。

它们使用的库和组件背后的技巧是AJAX（异步Javascript和XML）。 这是一种无需重新加载页面即可在JS中获取信息的方法。

他们使用History API更改URL，并使用AJAX更新部分网站内容。

Twitter也在其网站上实现了此功能，他们在此Twitter博客上对其进行了详细说明

观察整个 HTML DOM 中的文本变化 - 如何做到这一点？

[英]Observing text change in the entire HTML DOM - How to do this?

Facebook如何更改浏览器地址栏中的URL而不需要重新加载页面或使用#或？

[英]How does Facebook change the URL in the browser's address bar without page reload or use of # or?

如何在不破坏现有 HTML 的情况下更改 DOM 中的所有文本？

[英]How to change all texts in DOM without breaking existing HTML?

为什么react-router-dom不会更改点击的URL？

[英]How come react-router-dom does not change URL on click?

React 路由器 Dom Link 不会更改 URL

[英]React router Dom Link does not change URL

Symfony 4如何指定不随当前URL更改的基本路径？

[英]Symfony 4 how to specify base path that does not change with the current URL?

从像Facebook这样的Javascript更改URL

[英]Change URL from Javascript like facebook does

从 url 路径更改 HTML ID？

[英]Change HTML ID's from url path?

如何在不刷新整个页面的情况下更改链接

[英]How to change the link without refreshing the entire page

更改html内容和url，而无需像Facebook导航菜单一样重新加载页面

[英]Change html content and url without page reloading like Facebook navigation menu

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 观察整个 HTML DOM 中的文本变化 - 如何做到这一点？ Facebook如何更改浏览器地址栏中的URL而不需要重新加载页面或使用#或？如何在不破坏现有 HTML 的情况下更改 DOM 中的所有文本？为什么react-router-dom不会更改点击的URL？ React 路由器 Dom Link 不会更改 URL Symfony 4如何指定不随当前URL更改的基本路径？从像Facebook这样的Javascript更改URL 从 url 路径更改 HTML ID？如何在不刷新整个页面的情况下更改链接更改html内容和url，而无需像Facebook导航菜单一样重新加载页面

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM