Javascript/jQuery 获取所有 url 参数并添加/更改一个

Question

我有以下网址

http://www.domain.com?page=options&tab=general

我希望能够访问选项卡参数并进行更改，例如

我有两个选项卡“常规”和“样式”，当我单击样式时，我想要更改一个隐藏字段(具有此 url 作为值)，以便它读取相同的 url，但选项卡参数更改为样式。所以它看起来像这样

http://www.domain.com?page=options&tab=styles

但是，当页面加载时，此 url 可能没有参数选项卡，因此我需要能够将参数添加到 url 查询字符串。

会有更多的标签，所以我不能只用样式替换文本一般

有人知道吗？谢谢

Answer 1

var s = "http://www.domain.com?page=options&tab=general"
var queryString = s.substring(s.lastIndexOf("?") + 1);
var newQueryString = $.map(queryString.split("&"), function(pair) { 
  var p = pair.split("="); 
  if (p[1] == "general") { 
    p[1] = "styles";
    return p.join("=");
  } else { 
    return pair;
  } 
}).join("&");