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

Question

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

你可以试试这个。

您需要为每个（第二个参数）使用不同的名称，否则窗口将被重用

注意：以下代码在 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)