没有重定向的 URL 重写 [重复]

Question

我很难弄清楚如何在不重定向页面的情况下更改 URL。例如，soundcloud.com 不会在您选择新歌曲时重新加载页面，但 url 会更改为“soundcloud.com/AUTHOR/NAME”。我真的很想知道这怎么可能，他们是怎么做到的。

到目前为止，我知道使用 javascript 您只能重写 URL 中 # 之后的值。使用 .htaccess 重写规则，我不确定您是否可以指定页面不应重新加载。

谁能指导我弄清楚从哪里开始？非常感谢！

Answer 1

看看pushState：https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history

假设 mozilla.org/foo.html 执行以下 JavaScript： var stateObj = { foo: "bar" }; history.pushState(stateObj, "page 2", "bar.html");

这将导致 URL 栏显示 mozilla.org/bar.html，但不会导致浏览器加载 bar.html，甚至不会检查 bar.html 是否存在。

这仅适用于 HTML5 浏览器。

更多讨论：Modify the URL without reloading the page