JavaScript父页面打开子页面与通信操作
父页面的弹窗操作，最常用的还是window.open配合postMessage通信，简单直接，兼容性也不错。想从主页面打开个子窗口，带参数传值，还能和子页面实时交互？这种场景，适合做后台配置界面或者预览窗口。
页面和页面之间通信，最稳的还是JavaScript 的跨文档通信。你可以看看这篇讲子页面操作父页面的文章，思路清晰，用例也蛮实在的。
如果你要控制两个窗口之间的互动，比如父页面控制子页面关闭、刷新等，可以参考这篇关于父窗口与子窗口互动的文章，里面的window.opener用法比较地道。
弹窗效果也可以玩得花，比如那种页面右下角弹个提示框，你可以用这个右下角弹窗的实现做参考，界面还挺美观的，适合用在消息提醒上。
另外，如果你想做点 UI 更花哨的弹出层，不只是普通弹窗的话，这个“好看的弹出层加载页面”案例挺适合借鉴的。支持加载外部页面，还能定制样式。
，别忘了控制弹窗数量和大小，不然用户体验直接翻车。如果你有多种弹窗需求，可以看看这篇关于自定义窗口的文章，用法灵活，代码也清爽。
，弹子窗口这事儿，说难不难，说简单也有坑。核心就三件事：窗口打开方式、通信机制、界面样式。你根据项目需求搭配用，基本不会错。
文件大小：3.38KB
评论区