在新标签页中打开每个 link

Question

我知道我可以通过将目标 _blank 属性添加到锚标记来在新选项卡中打开 link。

但是有什么方法可以触发我网站中的每个 link 在新标签页中打开？

Answer 1

这是 JS 示例并与 onclick 处理程序

一起使用

<div onclick="openInNewTab('www.example.com');">Click</div>

function openInNewTab(url) {
  var win = window.open(url, '_blank');
  win.focus();
}

https://www.tutsplanet.com/open-url-new-tab-using-javascript/

Answer 2

您是否只在寻找 CSS 解决方案？或类似下面的任何解决方案 (JQuery)

$('a').click(function() {
  $(this).attr('target', '_blank');
});

您还可以在 head 标签中添加以下代码-

<base target="_blank">

这将使所有 a 标签在新标签页中打开

Answer 3

您可以将 Vanilla JavaScript 与 FOR 循环一起使用：

let links = document.links;

for (let i = 0; i < links.length; i++) {
    if (links[i].hostname != window.location.hostname) {
        links[i].target = '_blank';
    }
}

Answer 4

您可以使用 html 属性 target="_blank"

打开所有 link 到新标签页

只需复制javascript代码并放置：

 window.onload = function(){
        var a = document.getElementsByTagName('a');
        for (var i=0; i<a.length; i++){
            a[i].setAttribute('target', '_blank');
        }
    }

或您可以使用jQuery代码：

在使用之前，请确保您在项目中添加了 jquery。

$(document).ready(function(){
    $("a").attr("target", "_blank");
});

在新标签页中打开每个 link

Open every link in new tab

html

javascript

anchor

tabs