如何在新选项卡（而不是新窗口）中打开链接？ [复制]

Question

我有一个“打开”按钮，用于“计算”应在新标签页中打开的链接。 我尝试使用：

window.open(url, '_blank');

但这会打开一个新窗口。

我也尝试了以下方法：

<form id="oform" name="oform" action="" method="post" target="_blank">
</form>

...

document.getElementById("oform").action = url;
document.getElementById("oform").submit();

仍然会打开一个新窗口，而不是一个新选项卡。

当使用简单的<a href...> 和target='blank' 时，链接会在新标签页中打开。

有解决办法吗？

Answer 1

更新 [2019] 当您将目标设置为 _blank 时，当今大多数浏览器都会在新标签页中打开。弹出窗口的日子已经一去不复返了。我们现在可以使用：

 <a href="some url" target="_blank">content of the anchor</a>

大多数正常的浏览器都会在新标签页中打开新窗口。

---

CSS3 支持“在新标签页中打开”，通过属性target-new

target-new: window | tab | none;

更新 [2016]：正如其中一个 cmets 所示，此方法从未进入 CSS3 规范。这不应该被使用。但是，可以看出，大多数现代浏览器无论如何都会在新选项卡中打开target='_blank' 链接，除非此后立即尝试调整新选项卡的大小。但是，规范中似乎没有强制这种行为的机制。

---

[2011] 对于在新标签页中强制打开的方法，请尝试以下方法：

<a href="some url" target="_newtab">content of the anchor</a>

---

否则，使用this 方法立即调整窗口大小，以确保弹出窗口阻止程序不会杀死您的弹出窗口

Answer 2

除了提到的 CSS3 目标新选项 @anirudh4444 之外，您不能而且最重要的是可能不应该。您正在尝试控制用户的体验，而这很可能应该由用户决定。

Answer 3

您可以使用以下任何一种，我在 6 种不同的浏览器中对它们进行了测试。 （Google Chrome、Mozilla Firefox、Microsoft Internet Explorer、Opera、K-meleon* 和 Seamonkey。）

1. <a href="blaah" target="_blank">Blaah</a>
2. <a href="blaah" target="_tab">Blaah</a>
3. <a href="blaah" target="_new">Blaah</a>

它们的工作原理完全相同，选择完全取决于偏好。

*K-meleon，由于某种原因，我刚刚打开了我点击链接时所在的页面。

Answer 4

我能够使用“表单”元素解决这个问题。

function openNewTab(link) {
     var frm = $('<form   method="get" action="' + link + '" target="_blank"></form>')
     $("body").append(frm);
     frm.submit().remove();
}

关于完整的实现和详细信息，请访问我的帖子http://mukesh.in/force-open-new-tab-in-browsers-instead-of-windows/

或者看到这个JSFiddle

Answer 5

您的表单有 target="_blank"（包括前​​导下划线），而简单链接的 target='blank' 没有前导下划线。 “_blank”是指定特定操作的保留字，但“blank”是特定窗口的名称，可能是新窗口。这就是为什么你会得到不同的结果。两者都是弹出窗口，但类型不同。

每个用户都可以最终控制弹出窗口是打开新窗口还是打开新标签。你对此无能为力。

Answer 6

以下在 Chrome 中有效：

<script>
    function buildAndGo() {
        var aEl = document.getElementById('missingLink');
        aEl.href = "#" + resultOfSomeCalculation();

        var e = document.createEvent('MouseEvents');
        e.initEvent( 'click', true, true );

        aEl.dispatchEvent(e);
    }
</script>
...
<button onclick="buildAndGo()">Do it</button>
<a href="#" id="missingLink" target="_blank" style="visibility: hidden;"></a>

从以下来源尝试使 IE 版本正常工作： Selenium BrowserBot, YUI User Action

Answer 7

如果是链接，则只有使用 target 标记才有效。

但如果是按钮，请尝试使用 onclick 功能而不是仅使用 _blank

改用 window.open(url, target) 函数 - 它接受一个 URL 和一个目标窗口名称，其行为与链接上的 target="something" 属性相同......就像这样

button(type="button", onclick="window.open('auth/google', '_blank');")

这应该可行。