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

Question

我有以下网址

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

我希望能够访问 tab 参数并更改它，例如

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

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("&");