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

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

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

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

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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