javascript - 动态生成的 href 将无法正确显示

Question

所以我试图让这个链接出现在我的页面上，但它不会返回/register 路径，它只会立即转到 UTM......在网站上，它将显示 href 为

domain.com/?utm_campaign...

而不是

domain.com/register?utm_campaign... 

这是为什么？如何解决？

<script>
const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
// get the required parameter
const campaign = urlParams.get('utm_campaign');
const source = urlParams.get('utm_source');
const medium = urlParams.get('utm_medium');

var registerationURL = new URL('../register?utm_campaign=&utm_source=&utm_medium=');
registerationURL.searchParams.set('utm_campaign', campaign);
registerationURL.searchParams.set('utm_source', source);
registerationURL.searchParams.set('utm_medium', medium);

var a = document.getElementbyID('test').innerHTML;
a.href = registerationURL;

</script>

<a id="test" href="#">Click here</a>

Answer 1

document.getElementbyID('test').innerHTML 返回字符串“Click here”。删除 .innerHTML 它应该可以工作。

但是，可以通过以下方法更简单地完成此操作

var registrationUrl = location.origin + '/register' + location.search;