使用许多 window.open

Question

我有一个循环，需要在新选项卡中多次打开新的 window：

items.forEach((item) => {
   window.open(item.url)
})
console.log("here") // Doesn't work

但是 window.open 只执行了 1 次。

其他功能也没有执行。 我该怎么办？

Answer 1

使用'_blank'作为window.open("url",'_blank');的第二个参数

或为每个项目设置一个特定的 window 标题（防止相同，因为它会在相同中打开）：

items.forEach((item) => {
   // below I used url as title , if you have title attribute 
   // you can set item.title instead 
   window.open(item.url,item.url) 
})

例如尝试在控制台中粘贴以下代码，它应该打开 2 个选项卡：在控制台中检查：

[{"url":"http://www.google.com","title":"google"},{"url":"http://www.stackoverflow.com","title":"stackoverflow"}].forEach((item) => {
    window.open(item.url,'_blank')
    // or use 
    // window.open(item.url,item.title)
});

Answer 2

如果上述解决方案不起作用，则可能存在浏览器必须阻止弹出窗口的情况。 请允许。 看图片