将锚链接的 href 值传递给 URL 参数

Question

我希望在单击时将锚点的 href 值作为参数传递到地址栏中，即 ?url=xxxx.pdf。这样它就可以传递到下一页并在表单的隐藏字段中使用。我还需要锚点上的默认操作来更改并指向包含带有隐藏字段的表单的不同 URL（我可以处理表单）。

所以我需要：

1. 点击锚链接
2. 将目标附加到 URL 参数
3. 转到潜在客户捕获页面（我猜可能会在几秒钟后让浏览器有时间附加 url。

我花了一些时间在网上搜索，但找不到有关此特定查询的任何信息，有人可以帮忙吗？

Answer 1

最好的方法是modify location.search property 来实现这一点

document.querySelector('#test-anchor').addEventListener('click', function(evt) {
  location.search = this.href;
});

<a id="test-anchor" href="url=xxxx.pdf">Test Anchor</a>