在不刷新网站的情况下，使用网址更改淡出其他网页

Question

我有在线商店，我想点击按钮并打开弹出窗口或模态，但我想更改网址而不刷新。

例如。

有三种产品

移动 个人计算机 片剂

当我点击移动时（移动模式将打开，网址将是mysite.com/products/mobile 但是，当我关闭它并打开平板电脑时，我想将网址更改为mysite.com/products/tablet，但没有刷新或重定向。

像这样https://vp.ru/ 当我点击服务按钮网址更改而不重定向。

Answer 1

几乎所有现代网络浏览器都可以完成您正在寻找的内容。请查看following article，了解有关如何在不刷新页面的情况下更改网址的更多信息。

打开模态时，您基本上需要调用pushState函数：

window.history.pushState(stateObj, "Title", "/mobile");

关闭模态还需要修改历史记录以返回没有mobile部分的网址。