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

Question

I'm looking to pass the href value of an anchor into the address bar as a parameter when clicked ie ?url=xxxx.pdf. This is so it can be passed onto the next page and used in a hidden field on a form. I also need the default action on the anchor to change and direct to a different URL that contains the form with the hidden field (I can handle the form).

So i need to:

1. Click the anchor link
2. Append the destination to a URL parameter
3. Divert to the lead capture page (im guessing maybe after a couple of seconds to allow the browser time to append the url.

I have spent some time searching the web but can't find any info on this specific query, is anybody able to help?

Answer 1

The best way will be to modify location.search property to achieve this

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

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