在新标签页中打开每个链接

Question

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

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

Answer 1

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

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

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

<base target="_blank">

这将使所有a标签在新选项卡中打开

Answer 2

这是 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 3

您可以使用带有FOR循环的 Vanilla JavaScript：

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"打开指向新选项卡的所有链接

只需复制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");
});