如何在另一个选项卡中打开外部链接？ [复制]

Question

我使用以下代码，所以一切都在网络应用程序中打开：

<script type="text/javascript">
var a=document.getElementsByTagName("a");
for(var i=0;i<a.length;i++)
{
   a[i].onclick=function()
   {
       window.location=this.getAttribute("href");
       return false
   }
}

但是，即使在桌面上，具有target="_blank" 的链接仍会在同一选项卡中打开。如何使所有外部链接在新选项卡中打开，同时仍将所有内部链接保留在同一选项卡中。我找到了单个链接的解决方案，但我有太多无法手动更改。

注意：我使用的是 apache，所以更改配置文件也可以。

Answer 1

如果您在链接上设置“目标”属性，它们将在新选项卡中打开：

<script>
var origin=window.location.origin;
var a=document.getElementsByTagName("a");
for(var i=0;i<a.length;i++)
{
   var link = a[i];
   if(link.href && link.href.indexOf(origin)!=0)
    link.setAttribute("target", "_blank");
}
</script>

在 WordPress 管理员中，您可以转到主题编辑器并将此代码放在您的页脚中。

Answer 2

我设法从this post 找到了答案。 我只是把它放在我的标题中：

<script>
// Mobile Safari in standalone mode
if(("standalone" in window.navigator) && window.navigator.standalone){

    // If you want to prevent remote links in standalone web apps opening Mobile Safari, change 'remotes' to true
    var noddy, remotes = false;

    document.addEventListener('click', function(event) {

        noddy = event.target;

        // Bubble up until we hit link or top HTML element. Warning: BODY element is not compulsory so better to stop on HTML
        while(noddy.nodeName !== "A" && noddy.nodeName !== "HTML") {
            noddy = noddy.parentNode;
        }

        if('href' in noddy && noddy.href.indexOf('http') !== -1 && (noddy.href.indexOf(document.location.host) !== -1 || remotes))
        {
            event.preventDefault();
            document.location.href = noddy.href;
        }

    },false);
}
</script>

所有普通链接都在网络应用程序中打开，但在移动设备和桌面设备上，target="_blank" 的链接会在新标签页中打开。