将查询字符串传递给所有页面

Question

我需要一点帮助。我是 javascript 的初学者，在 Google 跟踪代码管理器中遇到了一些代码，旨在将查询字符串传递给所有页面。它工作得很好，除了在网站的一个特定页面上。

在那个页面上，我有一堆用户可以滚动浏览的引语。每当有人点击按钮阅读轮播上的下一个报价时，页面就会刷新（这是我们不希望的）。

有人可以帮我调整此代码，以使页面在特定用例中不会刷新吗？

我认为最大的问题是轮播被<a> </a>标签包裹。

<script>
    for (var n = 0; n < document.getElementsByTagName('a').length; n++) {
        var link = document.getElementsByTagName('a')[n].href;
      if (link.includes('?')) {
        document.getElementsByTagName('a')[n].href = link.concat('&' + {{Query String}});
      }
      else {
        document.getElementsByTagName('a')[n].href = link.concat('?' + {{Query String}});
      }
    }
</script>

Answer 1

您可以使用querySelectorAll 仅对带有href 参数的链接进行排序。

qstring = "x=1";
links = document.querySelectorAll("a[href]");

links.forEach(function(el){
  var link = el.href;
  if (link.includes('?')) {
    el.href = link.concat('&' + qstring);
   } else if (link[0] != "#") { {
   el.href = link.concat('?' + qstring);
  }
});

<a href="https://test.com/?xx">Test.com</a>
<a href="https://test.com/">Test.com</a>
<a href="https://test.com">Test.com</a>
<a name="a">Test.com</a>