Question

我希望以编程方式在保存操作的回调中打开一个新选项卡。与http://jsfiddle.net/5Lwwmbq8/1/

没有什么不同

var atag = document.createElement('a');
atag.setAttribute('href', 'https://yahoo.com');
atag.setAttribute('target', '_blank');
atag.setAttribute('id','clickdamnit');
$('#onlydiv').append(atag);
setTimeout(function() {
    atag.click();
}, 3000);

如果我不把它放在回调中，一切正常。但在回调的范围内，它被弹出窗口拦截器阻止。有办法解决这个问题吗？

我试过用window.open代替锚标记 - 结果相同。

Answer 1

我能够通过提供中间页面（比如＆＃39; / sameDomainDummySpinnerPage＆＃39;）然后在回调中重定向来破解我的方式。

$('#linktest').click(function(){
    var childWindow = window.open('/sameDomainDummySpinnerPage');
    setTimeout(function() {
        childWindow.location.replace('http://yahoo.com');
    }, 3000);
});

我遇到的另一种方法是设定目标＆＃39;属性为唯一字符串。在同一目标上的回调window.open会影响先前引入的选项卡。但这会导致用户体验恶化。用户可以使用打开脚本的选项卡来浏览网页。在重新运行时，您的脚本将： 1.覆盖选项卡的现有window.location 2.可能不允许.focus（）;导致用户错过他们的行动回应

REF： https://developer.mozilla.org/en-US/docs/Web/API/Window.open#Do_not_use_target.3D.22_blank.22 http://www.infimum.dk/HTML/JSwindows.html Bypass popup blocker on window.open when JQuery event.preventDefault() is set

以编程方式在回调中打开新选项卡

1 个答案: