我有一个选择框,调用window.open(url)当一个项目被选中。默认情况下,Firefox将在新选项卡中打开页面。但是,我希望页面在一个新的窗口中打开,而不是一个新的选项卡。
我怎样才能做到呢?
我有一个选择框,调用window.open(url)当一个项目被选中。默认情况下,Firefox将在新选项卡中打开页面。但是,我希望页面在一个新的窗口中打开,而不是一个新的选项卡。
我怎样才能做到呢?
当前回答
你不需要这么做。允许用户拥有他们想要的任何首选项。
Firefox默认是这样做的,因为在一个新窗口中打开一个页面很烦人,如果用户不希望页面这样做,就不应该允许页面这样做。(Firefox允许你在新窗口中打开标签,如果你这样设置的话)。
其他回答
好的,经过大量的测试,我的结论是:
表演时:
window.open('www.yourdomain.tld','_blank');
window.open('www.yourdomain.tld','myWindow');
不管你在目标字段中放了什么,这都不会改变什么:新页面将在一个新的选项卡中打开(这取决于用户的偏好)
如果你想让页面在一个新的“真实”窗口中打开,你必须添加额外的参数。如:
window.open('www.yourdomain.tld', 'mywindow','location=1,status=1,scrollbars=1, resizable=1, directories=1, toolbar=1, titlebar=1');
经过测试,你使用的额外参数似乎并不重要:这不是你放“这个参数”或“另一个”创建新的“真实窗口”的事实,而是有新的参数的事实。
但有些东西是混乱的,可以解释很多错误的答案:
这样的:
win1 = window.open('myurl1', 'ID_WIN');
win2 = window.open('myurl2', 'ID_WIN', 'location=1,status=1,scrollbars=1');
这:
win2 = window.open('myurl2', 'ID_WIN', 'location=1,status=1,scrollbars=1');
win1 = window.open('myurl1', 'ID_WIN');
不会得到相同的结果。
在第一种情况下,当您第一次打开一个没有额外参数的页面时,它将在一个新选项卡中打开。在这种情况下,第二个调用也将在这个选项卡中打开,因为您给出的名称。
在第二种情况下,由于您的第一次调用使用了额外的参数,页面将在一个新的“真实窗口”中打开。在这种情况下,即使第二次调用没有额外的参数,它也会在这个新的“真实窗口”中打开……但是同样的账单!
这意味着第一次调用很重要,因为它决定将页面放在哪里。
为打开调用指定窗口“features”:
window.open(url, windowName, "height=200,width=200");
当您指定宽度/高度时,它将在一个新窗口中打开,而不是一个选项卡。
请参阅https://developer.mozilla.org/en-US/docs/Web/API/Window.open#Position_and_size_features了解所有可能的功能。
我刚刚尝试了IE(11)和Chrome(54.0.2794.1金丝雀SyzyASan):
window.open(url, "_blank", "x=y")
... 它打开了一个新的窗口。
这意味着Clint pachl说的是对的,他说提供任何一个参数都会导致新窗口打开。
——显然,它不必是一个合法的参数!
(YMMV -如我所说,我只在两个地方测试了它…下一次升级可能会使结果无效,无论如何)
我刚刚注意到,在IE中,窗口没有任何装饰。
有趣的是,我发现如果您为window的第三个属性传递一个空字符串(而不是空字符串或属性列表)。打开,它将在Chrome, Firefox和IE的新选项卡中打开。如果缺席,行为就不同了。
这是我的新号召:
window.open(url, windowName, '');
在这里回答说。但再次发布,以供参考。
Window.open()将不会在新选项卡中打开,如果它没有发生在实际的单击事件。在这个例子中,url是在实际点击事件中被打开的。这将工作提供用户在浏览器中有适当的设置。
<a class="link">Link</a>
<script type="text/javascript">
$("a.link").on("click",function(){
window.open('www.yourdomain.com','_blank');
});
</script>
类似地,如果你试图在click函数中进行ajax调用,并希望在成功时打开一个窗口,请确保你正在使用async: false选项集进行ajax调用。