'Make the <a> tag open two URLs (in two different pages)

I wanted to make the tag open two URLs at the same time. This is what I tried:

Only HTML

<a href="URL1" target="_blank" onclick="window.open('URL2');">text</a>

This did work but not the way I wanted it to. It would open the URL2 when clicked on it and if opened in a new tab with right click or the mouse wheel it would open URL1. I want it to open both pages in new tabs at the same time.

HTML + JavaScript HTML:

<a id="myId">text</a>

JS:

myId.onclick = function(){
open('https://www.example1.com');
location.href = ('https://www.example2.com');
}

This didn't work at all.

javascripthtmlanchor


Solution 1:[1]

This is Your code :

     myId.onclick = function(){
        open('https://www.example1.com');
        location.href = ('https://www.example2.com',,'_blank');
      }

Change the code to:

    myId.onclick = function(){ 
      window.open('https://www.example1.com','_blank');  //just use window.open() for both the cases;
      window.open('https://www.example2.com','_blank');
    }

Hope, you have got the solution for your problem.

Solution 2:[2]

As per your requirement, I would suggest following. Also look at the fiddle HERE

<a href="#" id="myId">Open Two URLs</a>

var myId = document.getElementById("myId");
myId.onclick=function(){
  window.open("https://www.google.com","_blank");
  window.open("https://www.microsoft.com","_blank");
}

You should be allowing your browser's POPUP BLOCKER to allow opening multiple pages/tabs for this to work.

Solution 3:[3]

Try using an onclick function that uses window.open to open the two URLs:

document.querySelector("#foo").onclick = function () {
  window.open("https://www.example.com", "_blank");
  window.open("https://www.example.com", "_blank");
};


<a id="foo">bar</a>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1
Solution 2 Hemal
Solution 3

Related Questions