javascript - 重复使用 window.open 会产生意外结果

Question

我的浏览器允许任何网站显示弹出窗口(使用 window.open 制作)。

window.open("http://www.google.com/","_blank");

上述代码在新标签页上打开 google.com。

---

但是，当我像这样重复使用 window.open 时:

window.open("http://www.google.com/","_blank");
window.open("http://www.facebook.com/","_blank");
window.open("http://www.example.com/","_blank");

现在，google.com 将在新标签页中打开，而 facebook.com 和 example.com 将作为弹出窗口打开 window 。我实际上希望在新选项卡中打开 3 个链接，但我无法实现这一点。

我该如何解决这个问题？

Answer 1

我很惊讶第二个和第三个竟然被打开了。 (它们不在 Chrome 上，它会阻止它们；但如果我禁用阻止程序，我确实会看到您所描述的行为。)

您需要提供单独的 UI 元素(按钮等)来单独打开每个窗口，以便每个 window.open 调用由单独的最终用户操作触发，而不是打开多个窗口响应单个用户操作。希望这将为您提供每个窗口所需的行为。尽管您无法控制是否在新窗口或选项卡中打开某些内容，但如今大多数浏览器默认打开新选项卡(并且大多数浏览器都可以选择让用户更改它)，除非您向 window 提供第三个参数.open，在这种情况下，他们可能打开一个新窗口，而不是使用您在该参数中传递的设置。

由于 Chrome 在第二次和第三次调用时执行了这种不寻常的操作，因此在大多数情况下，将每个用户操作限制为单个 open 应该可行，因为在大多数情况下，默认是新选项卡，而不是一个新窗口。