Javascript: Forcing All Links to Goto Same URL?

Question

i have many different links on the page and instead of changing them one by one, i want to force them all to goto the same URL using Javascript (or php if possible)

Is there a way I can define where I want all URLs to go at the top of the page? so when a user clicks any link it will goto the URL specified in javascript?

Dup? https://stackoverflow.com/questions/4365246/how-to-change-href-of-a-tag-on-button-click-through-javascript — Baruch, May 24 '17 at 19:34
No, not really. Not without a really hacky approach. Are all the links internal or are some external? — Joseph Marikle, May 24 '17 at 19:34
@JosephMarikle the links im replacing are internal, the 1 that i will replace with will be external — Joe Bobby, May 24 '17 at 19:40
Only way I can think of doing this is looping through all `` tags and changing the `href` value, but I don't know.. doesn't feel like good practice. — Baruch, May 24 '17 at 19:41
Something that would be even more sneaky is to attach a click event to all tags, prevent the default event action, and redirect the to the desired webpage. This way, all of the links would look like they're going somewhere else, but you are interrupting the flow to insert your own URL... Sneaky, right? — pacifier21, May 25 '17 at 04:54

NightKn8 · Answer 1 · 2017-05-24T20:22:18.230

Like this?

const links=document.links;
Array.from(links).map((a)=>a.setAttribute("href","https://google.com"));

<a href="https://stackoverflow.com" target="_blank">SO</a>
<a href="https://stackoverflow.com" target="_blank">SO</a>
<a href="https://stackoverflow.com" target="_blank">SO</a>
<a href="https://stackoverflow.com" target="_blank">SO</a>
<a href="https://stackoverflow.com" target="_blank">SO</a>

seams that _blank is not working on SO but trust me: it works
Edit: Since you may wish to spare anchors on your page starting with # you can add the following if:

const links=document.links;
Array.from(links).map((a)=> (!a.getAttribute('href').match(/^\#.*/m)) ? a.setAttribute("href","https://google.com") : false);

<a href="https://stackoverflow.com" target="_blank">SO</a>
<a href="https://stackoverflow.com" target="_blank">SO</a>
<a href="https://stackoverflow.com" target="_blank">SO</a>
<a href="https://stackoverflow.com" target="_blank">SO</a>
<a href="https://stackoverflow.com" target="_blank">SO</a>
<a href="#C4">Chapter 4</a>

score 0 · Answer 2 · answered May 24 '17 at 19:55

0

//You can Use jquery`
$('a').attr('href','your url');
//Or JAVASCRIPT
n=getElementsByTagName('a').length
for(i=0;i<n;i++){
document.getElementsByTagName("a")[i].setAttribute("href", "your URL");
}

answered May 24 '17 at 19:55

Ahmad

1

Javascript: Forcing All Links to Goto Same URL?

2 Answers2