javascript - 如何以模式加载 url 的内容并更改浏览器中的地址

Question

我尝试在 js/jquery 中获得这种效果

http://www.filmtv.it/post/33349/i-piu-letti-della-settimana-dal-9-al-15-luglio-2016/#rfr:home

在主页面的模式和背景中加载内容，并且当您跟随一个 url 时，它会更改浏览器中的地址

http://www.filmtv.it/

我在这篇文章中找到了一半的答案

https://stackoverflow.com/a/13278783/492642

但是如何在浏览器中更改 url 呢？

(对不起我的英语)

Answer 1

首先你应该检查浏览器是否支持html5 history api，然后使用history.pushState

if ('pushState' in history) {
  history.pushState(null, null, "http://example.com/some/different/url");
}

重要提示:出于安全原因，新 url 必须与原始 url 具有相同的协议(protocol)和域(因此您不能假装是不同的站点)。

详细文档:https://developer.mozilla.org/en-US/docs/Web/API/History_API#The_pushState()_method