如何在模态中加载网址的内容，还可以在浏览器中更改地址

Question

我尝试在js / jquery

中获得此效果

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

在主页面的模态和背景中加载内容，当你按照网址加载时，它会更改浏览器中的地址

http://www.filmtv.it/

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

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

但是如何更改浏览器中的网址？

（对不起我的英文）

Answer 1

首先你应该检查浏览器是否支持html5历史api，之后只需使用history.pushState

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

重要提示：由于安全原因，新网址必须与原始网址具有相同的协议和域名（因此您不能伪装成其他网站）。

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