如何在使用 javascript 单击时使用 <a href> 在 URL 上添加值

Question

所以我有四个 link 具有不同的 Href 例如

<a href="markmendoza.com/123">
<a href="markmendoza.com/555">
<a href="markmendoza.com/666">
<a href="markmendoza.com/999">

我想在 href 被点击时通过添加更多值来操纵它

点击后将是：


    markmendoza.com/123/?Sample
    markmendoza.com/555/?Sample
    markmendoza.com/666/?Sample
    markmendoza.com/999/?Sample

我得到了我的代码


    let a = document.querySelectorAll('a');
     for (let i = 0; i < a.length; i++) {
      a[i].addEventListener("click", function(event) {
        event.target.href = event.target.href + '/?Sample';
      }

它添加得很好但是一旦你点击它很多次它只会在 link 的末尾添加 /?Sample 一次又一次所以如果我点击link 10 倍将是 markmendoza.com/123/?Sample?Sample?Sample?Sample?Sample?Sample?Sample

Answer 1

如果您只想添加它一次，请使用如下 if 语句：

for (let i = 0; i < a.length; i++) {
    a[i].addEventListener("click", function (event) {
        if (!event.target.href.includes('/?Sample')) { //add this
            event.target.href = event.target.href + '/?Sample';
        }
    });
}

Answer 2

试试这个

let links = document.querySelectorAll('a');
jQuery.each( links, function( a, val ) {
  a.addEventListener("click", function(event) {
    link_href = event.target.href || ''
    if(!link_href.includes('/?Sample') {
      event.target.href = link_href + '/?Sample';
    }
  }
});

如何在使用 javascript 单击时使用 <a href> 在 URL 上添加值

How to add value on URL using <a href> when it got clicked using javascript

javascript

href

dom-manipulation