为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

斯蒂芬大帝 2022-09-23 16:10:25

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


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不是很有经验,所以我一直很难找到一种方法来使它工作。提前致谢。


查看完整描述

1 回答

?
杨魅力

TA贡献1518条经验 获得超5个赞

你可以试试这个。


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


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


查看完整回答
反对 回复 2022-09-23
  • 1 回答
  • 0 关注
  • 9 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信