使用锚链接在URL中添加查询字符串

Question

更新

抱歉我的问题之前不够清晰，我现在已经更新了问题。

我想要使用锚点在URL的末尾添加查询字符串。

例如，如果我的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代码。

谢谢。

- beginner

Answer 1

它很简单。

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

- Victor Leontyev

Answer 2

window.location.replace(url);

url - 是你想要打开的字符串

- Milos Nikolik

Answer 3

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

<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>

- challenger

---

嘿，挑战者，我更新了我的问题，希望现在你能理解我在问什么。 - beginner

嗯，其实我也不知道如何解决这个问题，可以看一下这个链接，希望能有所帮助：https://dev59.com/s2oy5IYBdhLWcg3wHabt - challenger

这里的id是什么？ - beginner

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>

- er-han

---

有许多类别，假设我有网址 www.mysite.com/home?category=music。 - beginner

如果查询参数是动态的呢？ - subodhk