blocks|key|1058546|text|你可以这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1058547|$(function()+{
+++$("a").attr('href',+function(i,+h)+{
+++++return+h+%2B+(h.indexOf('?')+!=+-1+?+"&ajax=1"+:+"?ajax=1");
+++});
});|code-block|syntax|javascript|1058548|在document.ready上，它查看每个<a>，查看它的href，如果它已经包含?，则附加&ajax=1，如果没有，则附加?ajax=1。|offset|length|style|CODE|1058549|entityMap^0|0|0|1|E|M|3|16|1|1B|7|1R|7|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]|$I|V|J|W|K|L]|$I|X|J|Y|K|L]|$I|Z|J|10|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$]]

You could do something like this:

<pre><code>$(function() {
 $("a").attr('href', function(i, h) {
 return h + (h.indexOf('?') != -1 ? "&amp;ajax=1" : "?ajax=1");
 });
});
</code></pre>

On <code>document.ready</code> this looks at every <code>&lt;a&gt;</code>, looks at it's href, if it contains <code>?</code> already it appends <code>&amp;ajax=1</code> if it doesn't, it appends <code>?ajax=1</code>.

blocks|key|1273309|text|如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1273310|$(function()+{
++++$('a[href]').attr('href',+function(index,+href)+{
++++++++var+param+=+"key=value";

++++++++if+(href.charAt(href.length+-+1)+===+'?')+//Very+unlikely
++++++++++++return+href+%2B+param;
++++++++else+if+(href.indexOf('?')+>+0)
++++++++++++return+href+%2B+'&'+%2B+param;
++++++++else
++++++++++++return+href+%2B+'?'+%2B+param;
++++});
})|code-block|syntax|javascript|1273311|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|$]]

Like this:

<pre><code>$(function() {
 $('a[href]').attr('href', function(index, href) {
 var param = "key=value";

 if (href.charAt(href.length - 1) === '?') //Very unlikely
 return href + param;
 else if (href.indexOf('?') &gt; 0)
 return href + '&amp;' + param;
 else
 return href + '?' + param;
 });
})
</code></pre>

blocks|key|1058632|text|如果你对插件感兴趣，这里有jQuery+Query+String+Object。这将允许您简单地检查查询字符串中的参数，如果需要，还可以添加更多参数、删除一些参数或编辑其他参数。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1058633|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/alrusdi/jquery-plugin-query-object^0|K|J|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

If you're interested in plugins, there's the jQuery <a href="https://github.com/alrusdi/jquery-plugin-query-object" rel="nofollow noreferrer">Query String Object</a>. This will allow you simple checking of parameters in the querystring, and if necessary the ability to add more, remove some, or edit others.

blocks|key|1058673|text|采用上面的方法，这是将参数连接到链接的最好方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1058674|也要避免与href链接，如href="Javascript:YourFunction();“|1058675|$(function(){++++++++++++++++++++++++++++++++++++++
+++var+myRandom+=+getRandom();+++++++
+++$('a[href]').each(function(i){
++++++++var+currHref+=+$(this).attr("href");
++++++++var+isAfunction+=+currHref.substring(0,10);++++++++++++++
++++++++if(isAfunction+==+"javascript"){++++++++++++++++
++++++++++++$(this).attr("href",currHref);
++++++++}else{
++++++++++++if+(currHref.charAt(currHref.length+-+1)+===+'?')+++++++++++++++++++++++++++
++++++++++++++++$(this).attr("href",currHref);
++++++++++++else+if+(currHref.indexOf('?')+>+0)++++++++++++++++
++++++++++++++++$(this).attr("href",currHref%2B"&rand="%2BgetRandom());
++++++++++++else++++++++++++++++++
++++++++++++++++$(this).attr("href",currHref%2B"?rand="%2BgetRandom());
++++++++}
+++});+++++++++++++++
});
function+getRandom(){
++++var+randomnumber+=+Math.floor(Math.random()*10000);+
++++return+randomnumber;
}|code-block|syntax|javascript|1058676|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Taking what is above, this is the best way to concatenate parameters to links.

Also avoid link with href like href="Javascript:YourFunction();"

<pre><code>$(function(){ 
 var myRandom = getRandom(); 
 $('a[href]').each(function(i){
 var currHref = $(this).attr("href");
 var isAfunction = currHref.substring(0,10); 
 if(isAfunction == "javascript"){ 
 $(this).attr("href",currHref);
 }else{
 if (currHref.charAt(currHref.length - 1) === '?') 
 $(this).attr("href",currHref);
 else if (currHref.indexOf('?') &gt; 0) 
 $(this).attr("href",currHref+"&amp;rand="+getRandom());
 else 
 $(this).attr("href",currHref+"?rand="+getRandom());
 }
 }); 
});
function getRandom(){
 var randomnumber = Math.floor(Math.random()*10000); 
 return randomnumber;
}
</code></pre>

blocks|key|1058734|text|这是我为原生Javascript提出的一个解决方案，它支持现有的查询字符串和锚点：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1058735|function+addToQueryString(url,+key,+value)+{
++++var+query+=+url.indexOf('?');
++++var+anchor+=+url.indexOf('#');
++++if+(query+==+url.length+-+1)+{
++++++++//+Strip+any+?+on+the+end+of+the+URL
++++++++url+=+url.substring(0,+query);
++++++++query+=+-1;
++++}
++++return+(anchor+>+0+?+url.substring(0,+anchor)+:+url)
+++++++++%2B+(query+>+0+?+"&"+%2B+key+%2B+"="+%2B+value+:+"?"+%2B+key+%2B+"="+%2B+value)
+++++++++%2B+(anchor+>+0+?+url.substring(anchor)+:+"");
}|code-block|syntax|javascript|1058736|我已经在JSBin上发布了我现有的测试：http://jsbin.com/otapem/2/|offset|length|1058737|entityMap|0|LINK|mutability|MUTABLE|url|http://jsbin.com/otapem/2/^0|0|0|K|Q|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

Here is a solution I put together for native Javascript, it supports existing query strings and anchors:

<pre><code>function addToQueryString(url, key, value) {
 var query = url.indexOf('?');
 var anchor = url.indexOf('#');
 if (query == url.length - 1) {
 // Strip any ? on the end of the URL
 url = url.substring(0, query);
 query = -1;
 }
 return (anchor &gt; 0 ? url.substring(0, anchor) : url)
 + (query &gt; 0 ? "&amp;" + key + "=" + value : "?" + key + "=" + value)
 + (anchor &gt; 0 ? url.substring(anchor) : "");
}
</code></pre>

I've posted my existing tests on JSBin: <a href="http://jsbin.com/otapem/2/" rel="noreferrer">http://jsbin.com/otapem/2/</a>

blocks|key|1058773|text|href必须是完整且正确的URL。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1058774|$(function()+{
++$('a[href]').attr('href',+function(index,+href)+{
++++var+url+=+new+URL(href);
++++url.searchParams.set('ajax',1);
++++return+url;
++});
})|code-block|syntax|javascript|1058775|JSFiddle|offset|length|1058776|entityMap|0|LINK|mutability|MUTABLE|url|https://jsfiddle.net/wtbjnaxf/2/^0|0|0|0|8|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

a href must be full and corrected URL. 

<pre><code>$(function() {
 $('a[href]').attr('href', function(index, href) {
 var url = new URL(href);
 url.searchParams.set('ajax',1);
 return url;
 });
})
</code></pre>

<a href="https://jsfiddle.net/wtbjnaxf/2/" rel="nofollow noreferrer">JSFiddle</a>

How do I add let's say something like <code>ajax=1</code> to all links on my page with jquery. I will also need to check if the url has existing parameters. for example <code>http://example.com/index.php?pl=132</code> will have to become <code>http://example.com/index.php?pl=132&amp;ajax=1</code>

Also, if the link does not have any parameters, for example <code>http://example.com/index.php</code>, it will become <code>http://example.com/index.php?ajax=1</code> I want to load the jQuery script on document ready so all links are changed on page load.

add parameter to links on page using jquery

我该如何使用jquery将类似ajax=1的东西添加到我页面上的所有链接。我还需要检查url是否有现有的参数。例如，http://example.com/index.php?pl=132必须成为http://example.com/index.php?pl=132&ajax=1此外，如果链接没有任何参数，例如http:...

问使用jquery向页面上的链接添加参数
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jquery向页面上的链接添加参数EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jquery向页面上的链接添加参数
EN