通过javascript将url参数传递到多个不同的href链接中

Pass a url parameter into multiple distinct a href links via javascript

本文关键字：href 链接 javascript url 参数传递 通过      更新时间：2023-09-26

诚然，javascript不是我的强项。我需要能够使用 javascript 将 url 中的一个参数附加到三个 href 链接中。url 的结构将是 www.mysite.com？parameter。

目前，链接是：

https://www.acme.com/sui?bc=QOS-B20 https://www.acme.com/sui?bc=USE-BFN https://www.acme.com/sui?bc=USP-BFN

生成的链接应为：

https://www.acme.com/sui?bc=QOS-B20&sc=parameter https://www.acme.com/sui?bc=USE-BFN&sc=parameter https://www.acme.com/sui?bc=USP-BFN&sc=parameter

我已经在页面上加载了jquery。

我试图按照这篇文章中的说明进行操作：使用 Javascript 将 URL 参数传递给 href 链接，但它不起作用。

谢谢！

你可以用jquery轻松做到这一点

$('.class-of-links-to-update').each(function(){
  $(this).attr('href',$(this).attr('href')+'&'+param));
});

.class-of-links-to-update是 href 上的类属性中的值

<a class="class-of-links-to-update" ....

我使用每个函数来循环浏览 jQuery 返回的结果。

this表示结果列表中的当前元素，$(this)会将元素转换为jQuery对象，因此我们可以使用jQuery方法来获取和设置HTML元素的属性。

因此，只需执行上面的 JavaScript 即可更新您的结果。

例如 

function updateHrefs(param) {
    $('.class-of-links-to-update').each(function(){
      $(this).attr('href',$(this).attr('href')+'&'+param));
    });
}

结束然后在需要时调用该函数

例如，点击按钮

$('#id-of-button').click(function(){
  updateHrefs('sc=parameter');
});
相关文章：