在 chrome 的新标签页中打开新链接

Question

我试图在 ajax 成功的新选项卡中打开一个链接，但该链接在一个新的 window 中打开。如何在带有 jquery 或 javascript 的 chrome 中强制打开选项卡中的链接而不是在新的 window 中。

代码：

$("#A1").click(function (event) {
    $.ajax({ 
        type: "POST", 
        url: "Home.aspx/btnTestProject", 
        data: "{'preview':'" + inventory + "' }", 
        contentType: "application/json; charset=utf-8", 
        datatype: "json", 
        cache: false, 
        success: function (response) { 
            window.open("TestnRun.aspx"); //opens in new window 
        }    
    }); 

    window.open("TestnRun.aspx"); //opens in new tab 
});

Answer 1

一般来说，你无法控制它。 因为这是用户偏好在新的 window 或选项卡中打开带有 target="_blank" 的链接。

当浏览器开始完全支持 css-3 时，您将在未来有一个选择：

http://www.w3.org/TR/2004/WD-css3-hyperlinks-20040224/#target-new

你可以使用这个：

#anchorId { target-new: tab ! important }

Answer 2

我看到了同样的事情。

我注意到（我使用的是 jquery.1.9.1）：

如果您异步调用 $.ajax，或者 % 浏览器 (Chrome) 在 NEW WINDOW 中打开，否则如果您运行 JSON 调用SYNC ，window 将打开选项卡！

这将在新的 WINDOW 中打开，弹出窗口：

  $.ajax({ url: "/cliFindExist/", 
    async: true, 
    function(data){... 
    window.open("some.aspx","_blank")});

这个打开 window TABBED

$.ajax({ url: "/cliFindExist/", 
async: false, // <<<<<<<<<<<<< NOTE
function(data){... 
window.open("some.aspx","_blank")});

JQuery 在调用 function 时可能会更改方式/上下文？ 取决于它是运行同步调用还是异步调用。

Answer 3

像这样使用目标“_blank”

<a href="http://www.google.it" target="_blank">My link</a>

或者像这样使用 Javascript

<button onclick="window.open('http://www.google.it','_blank')">Button</button>