Question

嘿伙计们有没有办法在同一件事上添加多个链接？

我想要做的是当有人点击链接时，他们将同时打开两到三页。

让我说我有这个：

<html>
    <head>
    </head>

    <body>
        <a>History</a>
    </body>
</html>

如何让链接打开多个页面？

Answer 1

您可以使用JavaScript执行此操作。见以前的帖子：

但是由于大多数浏览器阻止这样的弹出窗口，所以做这样的事情并不是一个好主意。

Answer 2

这可能会有所帮助，

    <a href="#" class="yourlink">Click Here</a>

在JS中：

$('a.yourlink').click(function(e) {
e.preventDefault();
window.open('http://yoururl1.com');
window.open('http://yoururl2.com');
});

Window.open有时会受到弹出窗口拦截器和/或广告过滤器的阻止。要了解详情，请访问http://www.javascript-coder.com/window-popup/javascript-window-open.phtml

Answer 3

不能用HTML严格来做。但是，您可以使用javascript或jquery执行此操作。这是一个例子。

您的HTML a代码需要触发javascript函数：

<a onclick="runredirect()">Click me!</a>

然后在身体末端添加一个脚本标记：

<script type="text/javascript">
    var runredirect = function() {
        var redirectWindow1 = window.open('http://google.com', '_blank');
        redirectWindow1.location;
        var redirectWindow2 = window.open('http://yahoo.com', '_blank');
        redirectWindow2.location;
        var redirectWindow3 = window.open('http://bing.com', '_blank');
        redirectWindow3.location;
    }
</script>

这应该可以解决问题。

Answer 4

<a href=”#link1″ onclick=”window.open(‘#link2′); window.open(‘#link3′)”>Page link </a>

通过使用上面的代码，您可以添加任意数量的页面，因为我添加了三个。

Answer 5

您不能单独使用HTML，只有一个href属性。

你可以用Javascript来做。这些方面的东西：

<script>
function openLinks(links) {
  for (let link of links) window.open(link, '_blank');
}
</script>
<a onclick="openLinks(['https://www.google.com/', 'https://www.amazon.com'])">History</a>

Answer 6

使用Javascript中的window.open（）方法：

document.getElementById('clickme').addEventListener('click', function(){
     window.open('https://www.google.com', '_blank');
     window.open('https://www.bing.com', '_blank');

})

您可以阅读更多here。

如何在HTML5中的一个元素中使用多个链接

6 个答案: