使用锚链接将查询字符串添加到 url

Question

更新

对不起，我的问题不清楚我已经更新了我的问题

我想使用锚点在 url 的末尾添加一个查询字符串

例如，如果我有网址

www.mysite.com/home

并在此页面上有锚点

 <a href='?page=1'>1</a>
 <a href = '?page=2'>2</a>
      .
      .
 <a href = '?page =x'>x</a>

当我点击这些锚链接时，它会将我定向到 Url

www.mysite.com/home?page=x

这就是我想要的，我只想在 url 的末尾添加查询字符串page ，

但是在这种情况下

www.mysite.com/home?category=sports

或者

www.mysite.com/home?category=music

然后如果我点击同一个锚链接

它把我重定向到

www.mysite.com/home?page=x

但我想让它指引我去

www.mysite.com/home?category=sports&page=x

现在，如果我再次访问这些链接中的任何一个，例如

<a href='?page=1'>1</a>

然后我希望它引导我到

www.mysite.com/home?category=sports&page=1

他们有什么简单的解决方案可以做到这一点，或者我必须使用任何复杂的javascript代码。

谢谢

Answer 1

很简单。

var url ="www.mysite.com/home?page=1"; 
var result = url + (url.indexOf('?')== -1 ?  "?page=1" : "&page=1")

Answer 2

我不建议使用它，但我认为这是唯一的解决方案：

<a href="Javascript: if (window.location.href.indexOf('page=')==-1) { window.location=(window.location.href+ (window.location.href.toString().indexOf('?')>-1 ? '&page=1': '?page=1'))}">click here</a>

Answer 3

window.location.replace(url);

url - 是您要打开的字符串

Answer 4

您必须将所有参数添加到链接中，如下所示：

<a href='?category=sports&page=1'>1</a>
<a href='?category=sports&page=2'>2</a>
.
.
.
<a href='?category=sports&page=x'>x</a>