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

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();

}

Answer 3

您可以使用 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");

});

Answer 4

您可以在循环中使用 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';

    }

}