How to change href attribute using JavaScript after opening the link in a new window

Question

I have a link on my page   lt a href  http   google com  id  mylink  onclick  changeLink     target   blank  gt google lt  a gt    And the goal is to follow this link  opening in a new tab  and change its attributes  on previous tab   I mean we open google com in a new tab and if we look back on the link  it s refreshed   I ve tried this js code  function changeLink        document getElementById  mylink   href    http   facebook com       document getElementById  mylink   innerHTML    facebook           But it also changes the target of new opening tab  Instead of opening google it opens facebook in my example   Is it possible to fix it

User · Answer

Replace  onclick  changeLink       by  onclick  changeLink    return false     to cancel its default action

User · Answer

for example try this     lt a href  http   www google com  id  myLink1  gt open link 1 lt  a gt  lt br  gt   lt a href  http   www youtube com  id  myLink2  gt open link 2 lt  a gt            document getElementById  myLink1   onclick   function         window open       http   www facebook com                     return false                  document getElementById  myLink2   onclick   function         window open       http   www yahoo com                     return false

User · Answer

You can change this in the page load   My intention is that when the page comes to the load function  switch the links  the current link in the required one

User · Answer

You can delay your code using setTimeout to execute after click  function changeLink        setTimeout function             var link   document getElementById  mylink            link setAttribute  href    http   facebook com            document getElementById  mylink   innerHTML    facebook          100

User · Answer

Your onclick fires before the href so it will change before the page is opened  you need to make the function handle the window opening like so   function changeLink         var link   document getElementById  mylink         window open        link href          blank              link innerHTML    facebook       link setAttribute  href    http   facebook com         return false

User · Answer

Is there any downside of leveraging mousedown listener to modify the href attribute with a new URL location and then let the browser figures out where it should redirect to   It s working fine so far for me  Would like to know what the limitations are with this approach      Simple code snippet to demonstrate the said approach const a   document createElement  a    a textContent    test link   a href     haha   a target     blank   a rel    noopener    a onmousedown        gt      a href     lol       document body appendChild a

[javascript] How to change href attribute using JavaScript after opening the link in a new window?

Examples related to javascript

Examples related to html