如何使用js打开多个弹出窗口windows？

Question

我目前正在从事一个艺术项目，我想知道如何打开多个弹出窗口 windows 以使其看起来像那些充满视觉污染的网站之一。它看起来越混乱越好。到目前为止，我只成功制作了一个弹出窗口，使用以下代码：

function popup() { 
 window.open('test.html','Tab Heading','height=300,width=150, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no');
}
window.onload = popup;

我对 js 不是很有经验，所以我一直很难找到让它工作的方法。提前致谢。

Answer 1

你可以试试这个。

每个（第二个参数）需要不同的名称，否则 window 将被重复使用

注意：下面的代码在 SO 的沙箱中不起作用

const options = "height=300,width=150,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,directories=no,status=no";
let cnt = 10; // for example

function popup() { 
 let w = window.open('test.html',"name"+cnt,options);
 if (!w) console.log("sorry, not allowed to pop");
 else { 
   cnt--;
   if (cnt>0) setTimeout(popup,1000); // pop the next
 }  
}
window.addEventListener("load",popup)

Answer 2

第二个参数指定实例名称。如果它已经打开，下一次，该选项卡将在同一实例上打开。因此，要导航您可以附加一个唯一值，请说 Date.now 以允许打开多个选项卡。

function popup() { 
     window.open('test.html', 'Open_' + Date.now(),'height=300,width=150, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no');
    }
    window.onload = popup;

如何使用js打开多个弹出窗口windows？

How can I open multiple pop-up windows using js?

javascript

popup