5

如何从链接的 url 中删除查询字符串？例如我有

<a href="http://example.com/somepath/anotherpath?title=dog">The Link</a>

如何?title=dog使用 javascript/jquery 从 url 中删除？

4

6 回答 6

14

您只需更改Location对象的search属性即可从链接中删除查询字符串。

$("#your_link")[0].search = "";

演示：http: //jsfiddle.net/uSrmg/1/

或者，如果您需要定位多个元素：

$("a.someclass").each(function() {
 this.search = "";   
});

演示：http: //jsfiddle.net/uSrmg/4/

如果您希望解析任意 URL 以删除查询字符串，您可以反转本文中解释的技巧。例如：

function remove_qs(url) {
    var a = document.createElement('a'); // dummy element
    a.href = url;   // set full url
    a.search = "";  // blank out query string
    return a.href;
}

这应该非常健壮，因为它使用Location对象进行所有解析。

用法示例：http: //jsfiddle.net/uSrmg/

于 2012-07-18T14:28:19.657 回答
4

还有另一种方法可以用空白替换搜索。 

String(document.location.href).replace("&title=dog", "");
于 2014-12-05T04:57:57.900 回答
3

要从锚标记中删除查询字符串：

var anchor = $('#yourAnchor');
var href = anchor.attr('href');

if (href.indexOf('?') !== -1) {
   anchor.attr('href', href.split('?')[0]);
}
于 2012-07-18T14:20:38.010 回答
2 
var url=$('a').attr('href').split('?')[0];

拆分“？” 并获得第一项。如果要更改页面上所有链接的 url，则可以使用以下代码：

$('a').each(function(i,el){ 
    $(el).attr('href', $(el).attr('href').split('?')[0]);
});
于 2012-07-18T14:16:02.710 回答
0

这段代码对我有用：

var url = "www.foo.com/test?name=kevin&gender=Male&id=1234";

var res = url.replace("&gender=Male", "");

window.location.href =res;

通过javascript在url中拆分特定的字符串查询参数

于 2017-08-16T09:56:05.370 回答
0

您可以在页面加载时将查询字符串从 url 拆分为：-

$(function(){
  if(Modernizr.history)
  {
    history.replaceState({},"",location.href.split("?")[0]);
  }
});
于 2016-11-22T05:46:31.693 回答