簡體 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 6 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