我想将 URL 上的查询字符串附加到页面上的所有锚链接

Question

我正在尝试将 URL 上的查询字符串附加到页面上的所有锚链接。如果页面 URL 是 www.example.com/page?paramter1=variable&parameter2=variable2

变量可能每次都发生变化，并且用于分析。

我希望页面上的所有其他链接在页面加载时自动添加?paramter1=variable&parameter2=variable2。

我一直在使用以下脚本，但我似乎无法让变量 'myquerystringtoadd' 由 URL 中的查询字符串填充，我不一定知道参数是什么就是这样，它是整个查询字符串。

var querystring = 'myquerystringtoadd';

$('a').each(function()
{
 var href = $(this).attr('href');
 href += (href.match(/\?/) ? '&' : '?') + querystring;
 $(this).attr('href', href);
});

任何帮助将不胜感激！

Answer 1

如何在原版 javascript 中使用 querySelectorAll 而不是 jquery。另外，杀死你的领导'？在querystring。如果您的部分问题涉及如何从当前页面的 url 获取查询字符串，请使用 window.location.search。

在下面的 sn-p 中，您有一些 google 搜索锚点。一个搜索“x”，另一个搜索“y”。您的查询字符串进一步指定在两个锚点中，您都希望安全地搜索图像。

// You will use window.location.search
let querystring = '?tbm=isch&safe=active' 

if(querystring.startsWith('?'))
    querystring = querystring.replace('?', '');

for(let a of document.querySelectorAll('a')) {
    a.href += 
        (a.href.match(/\?/) ? '&' : '?') + 
        querystring;
}

<a href='https://www.google.com/search?q=x'>search x images safely</a><br/>
<a href='https://www.google.com/search?q=y'>search y images safely</a>

注意：您可能已经注意到我经常编辑这个问题，但这只是为了使用 google 查询字符串。