在Javascript事件上更改URL（在HTML中）中的变量

Question

我有一个在检测到位置时触发的Javascript事件。 假设检测到的位置是“墨尔本澳大利亚”。

我想更改以下内容：

<a href="/search?location=&input=Suits">Suits</a> 

成为：

<a href="/search?location=Melbourne Australia&input=Suits">Suits</a> 

我只能想到我们改变整个href值。 当事件被触发时，是否有一种“理智”的方式来仅改变location=的值。

Answer 1

给你的链接一个id

<a href="/search?location=&input=Suits" id="my_link">Suits</a> 

并使用js来修改它

var your_location = "Melbourne Australia"; // can be dynamic

var obj = document.getElementById('my_link');

var h = obj.href;

var string_to_find = "location=";
var string_to_replace = "location="+your_location;
var new_h = h.replace(string_to_find, string_to_replace);

obj.href=new_h;