如何让<a>标签在两个不同页面中打开两个URL？

Question

我希望将 标签设置为同时打开两个URL。这是我尝试过的代码：

仅使用HTML

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

这个做法是有效的，但不是我想要的方式。当点击它时，它会打开URL2，如果用鼠标右键或滚轮在一个新标签页中打开，它会打开URL1。我希望同时在新标签页中打开两个页面。

HTML + JavaScript HTML：

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

JS:

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

这根本没有起作用。

- Hilex23

---

我认为可能是浏览器本身有些东西阻止了这个？我刚试过<a href="https://google.com" onclick="window.open('https://bing.com')" target="_blank">HTML + JavaScript HTML:</a>，它可以工作？ - evolutionxbox

适用于Safari，但不适用于Chrome。https://jsfiddle.net/njxz26us/3/show - Shouvik

Answer 1

以下是您的代码:

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

将代码更改为：

    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');
    }

希望你已经找到了解决问题的方法。

- Arunkumar09

---

哦，那么我看到的教程可能已经过时了。无论如何，我知道这种方法会打开1个新标签页，并且第二个URL将在当前标签页中打开。有没有办法让两个URL在两个不同的标签页中打开？ - Hilex23

@Hilex23 只需使用新选项卡的可选参数：window.open('https://www.example1.com', '_blank');。 - KBell

然而，问题在于，如果<a>标签中没有href属性，网站将无法识别它。因此，当我单击它时，就像单击普通文本一样，我不知道该如何解决这个问题。 - Hilex23

@Hilex23，即使没有href属性也可以工作。 - Arunkumar09

它应该看起来像这样：https://ibb.co/8mvGXNW 但是实际上它看起来像这样：https://ibb.co/BqfQctY 当然，我可以通过添加类来更改颜色，但它不会重定向到任何地方。 - Hilex23

Answer 2

根据您的要求，我建议如下。 同时请查看这个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");
}

你应该允许浏览器的弹出窗口拦截器打开多个页面/标签才能使其正常工作。

- Hemal

Answer 3

尝试使用一个onclick函数，该函数使用{{link1：window.open}}打开两个URL：

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

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

- unrealapex