javascript - 如何仅通过 JavaScript 更改 URL 参数？

Question

我只需要通过 JavaScript 更改 URL 参数 (step=?)。

我的网址是，

http://domain.com/path/to/reach/5?step=1

我只想通过 JavaScript 更改参数“step”。

我需要这样，

http://domain.com/path/to/reach/5?step=1
http://domain.com/path/to/reach/5?step=2
http://domain.com/path/to/reach/5?step=3   

我仅通过 step 参数使用一些验证(显示/隐藏)。

所以我也需要刷新，但是这个变化应该是稳定的。

我找到了很多例子，这些都是用 jQuery 完成的。

但我需要它，只在 JavaScript 上。

Answer 1

您可以使用(相当新的)URL api:

var url = new URL(location.href)
url.searchParams.set('step', '...')

var modifiedUrl = url.toString();

如果您担心浏览器支持，请考虑使用 polyfill :

参见 MDN