blocks|key|683881|text|这应该可以工作(未经过测试！)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|683882|var+url+=+window.location.href;++++
if+(url.indexOf('?')+>+-1){
+++url+%2B=+'&param=1'
}else{
+++url+%2B=+'?param=1'
}
window.location.href+=+url;|code-block|syntax|javascript|683883|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

this should work (not tested!)

<pre><code>var url = window.location.href; 
if (url.indexOf('?') &gt; -1){
 url += '&amp;param=1'
}else{
 url += '?param=1'
}
window.location.href = url;
</code></pre>

blocks|key|900467|text|比公认的答案更短，做同样的事情，但要保持简单：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|900468|window.location.search+%2B=+'&param=42';|code-block|syntax|javascript|900469|我们不需要修改整个url，只需要修改查询字符串，也就是位置的搜索属性。|900470|为搜索属性赋值时，浏览器会自动插入问号，并重新加载页面。|900471|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Shorter than the accepted answer, doing the same, but keeping it simple:

<pre><code>window.location.search += '&amp;param=42';
</code></pre>

We don't have to alter the entire url, just the query string, known as the search attribute of location.

When you are assigning a value to the search attribute, the question mark is automatically inserted by the browser and the page is reloaded.

blocks|key|684209|text|If+you+are+developing+for+a+modern+browser，而不是自己解析url参数-+you+can+use+the+built+in+URL+functions+to+do+it+for+you如下：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|684210|const+parser+=+new+URL(url+%7C%7C+window.location);
parser.searchParams.set(key,+value);
window.location+=+parser.href;|code-block|syntax|javascript|684211|entityMap|0|LINK|mutability|MUTABLE|url|https://caniuse.com/url|1|https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams/set^0|2A|3|0|16|0|1L|1J|1|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@$9|X|A|Y|1|Z]|$9|10|A|11|1|12]]|E|$]]|$1|F|3|G|5|H|7|13|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]|S|$5|N|O|P|E|$Q|T]]]]

<a href="https://caniuse.com/url" rel="noreferrer">If you are developing for a modern browser</a>, Instead of parsing the url parameters yourself- <a href="https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams/set" rel="noreferrer">you can use the built in <code>URL</code> functions to do it for you</a> like this:
<pre><code>const parser = new URL(url || window.location);
parser.searchParams.set(key, value);
window.location = parser.href;
</code></pre>

blocks|key|900369|text|location.href+=+location.href+%2B+"&parameter="+%2B+value;|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|900370|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>location.href = location.href + "&amp;parameter=" + value;
</code></pre>

blocks|key|683910|text|function+gotoItem(+item+){
++++var+url+=+window.location.href;
++++var+separator+=+(url.indexOf('?')+>+-1)+?+"&"+:+"?";
++++var+qs+=+"item="+%2B+encodeURIComponent(item);
++++window.location.href+=+url+%2B+separator+%2B+qs;
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|683911|更多compat版本|unstyled|683912|function+gotoItem(+item+){
++++var+url+=+window.location.href;++++
++++url+%2B=+(url.indexOf('?')+>+-1)?"&":"?"+%2B+"item="+%2B+encodeURIComponent(item);
++++window.location.href+=+url;
}|683913|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|L|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|I|3|-4|5|F|7|N|8|@]|9|@]|A|$]]]|J|$]]

<pre><code>function gotoItem( item ){
 var url = window.location.href;
 var separator = (url.indexOf('?') &gt; -1) ? "&amp;" : "?";
 var qs = "item=" + encodeURIComponent(item);
 window.location.href = url + separator + qs;
}
</code></pre>

More compat version

<pre><code>function gotoItem( item ){
 var url = window.location.href; 
 url += (url.indexOf('?') &gt; -1)?"&amp;":"?" + "item=" + encodeURIComponent(item);
 window.location.href = url;
}
</code></pre>

blocks|key|684176|text|这行JS代码接受不带参数的链接(即在'?'之前)，然后将参数附加到该链接。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|684177|window.location.href+=+(window.location.href.split('?')[0])+%2B+"?p1=ABC&p2=XYZ";|code-block|syntax|javascript|684178|上面的代码行添加了两个参数p1和p2，并分别使用值'ABC'和'XYZ'+(为了更好地理解)。|684179|entityMap^0|I|3|0|0|D|2|G|2|P|5|V|5|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]|$9|X|A|Y|B|C]|$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|N|$]]

This line of JS code takes the link without params (ie before <code>'?'</code>) and then append params to it.
<pre><code>window.location.href = (window.location.href.split('?')[0]) + &quot;?p1=ABC&amp;p2=XYZ&quot;;
</code></pre>
The above line of code is appending two params <code>p1</code> and <code>p2</code> with respective values <code>'ABC'</code> and <code>'XYZ'</code> (for better understanding).

blocks|key|684006|text|请检查以下代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|684007|/*Get+current+URL*/++++
var+_url+=+location.href;+
/*Check+if+the+url+already+contains+?,+if+yes+append+the+parameter,+else+add+the+parameter*/
_url+=+(+_url.indexOf('?')+!==+-1+)+?+_url%2B'&param='%2Bvalue+:+_url%2B'?param='%2Bvalue;
/*reload+the+page+*/
window.location.href+=+_url;|code-block|syntax|javascript|684008|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Please check the below code :

<pre><code>/*Get current URL*/ 
var _url = location.href; 
/*Check if the url already contains ?, if yes append the parameter, else add the parameter*/
_url = ( _url.indexOf('?') !== -1 ) ? _url+'&amp;param='+value : _url+'?param='+value;
/*reload the page */
window.location.href = _url;
</code></pre>

blocks|key|684050|text|一个小的bug修复@yeyo的深思熟虑的答案上面。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|684051|更改：|684052|var+parameters+=+parser.search.split(/\?%7C&/);|offset|length|style|CODE|684053|至：|684054|var+parameters+=+parser.search.split(/\?%7C&amp;/);|684055|entityMap^0|0|0|0|19|0|0|0|1D|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|R|8|@$F|S|G|T|H|I]]|9|@]|A|$]]|$1|J|3|K|5|6|7|U|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|V|8|@$F|W|G|X|H|I]]|9|@]|A|$]]|$1|N|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|O|$]]

One small bug fix for @yeyo's thoughtful answer above.

Change:

<code>var parameters = parser.search.split(/\?|&amp;/);</code>

To:

<code>var parameters = parser.search.split(/\?|&amp;amp;/);</code>

blocks|key|900587|text|尝尝这个|type|unstyled|depth|inlineStyleRanges|entityRanges|data|900588|var+url+=+ApiUrl(`/customers`);
++if(data){
+++url+%2B=+'?search='%2Bdata;+
++}
++else
++{+
++++++url+%2B=++`?page=${page}&per_page=${perpage}`;
++}
++console.log(url);|code-block|syntax|javascript|900589|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try this

<pre><code>var url = ApiUrl(`/customers`);
 if(data){
 url += '?search='+data; 
 }
 else
 { 
 url += `?page=${page}&amp;per_page=${perpage}`;
 }
 console.log(url);
</code></pre>

blocks|key|684124|text|另外：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|684125|window.location.href+%2B=+(window.location.href.indexOf('?')+>+-1+?+'&'+:+'?')+%2B+'param=1'|code-block|syntax|javascript|684126|只有一行Shlomi答案可以在bookmarklet中使用|684127|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Also:

<pre><code>window.location.href += (window.location.href.indexOf('?') &gt; -1 ? '&amp;' : '?') + 'param=1'
</code></pre>

Just one liner of Shlomi answer usable in bookmarklets

I am looking to write a piece of javascript that will append a parameter to the current URL and then refresh the page - how can I do this?

Append to URL and refresh page

我想写一段javascript，将一个参数附加到当前的URL，然后刷新页面-我该怎么做呢？

问追加到URL并刷新页面
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问追加到URL并刷新页面EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问追加到URL并刷新页面
EN