## [**window-open**](https://electronjs.org/docs/api/window-open) >彈出子窗口 渲染主窗口index.html ``` .... <button onclick="openNewWindow()">彈出窗口</button> <button onclick="closeWindow()">關閉窗口</button> <script src="renderer/index.js"></script> .... ``` index.js ``` const wb=document.querySelect("#wb"); let subwin; function openNewWindow(){ subwin=window.open("popup_page.html","popup"); } //message參數接受子窗口的消息 window.addEventListener("message",(msg)=>{ console.log("接受到的消息",msg); }) function closeWindow(){ subwin.close(); } ``` popup_page.html ``` .... <button onclick="sendMessageTopParent()">點擊傳遞消息</button> <script> //子窗口與父窗口之間的消息傳遞 function sendMessageTopParent(){ window.opener.postMessage({ type:1, message:"這是來自子窗口的消息" }); } </script> .... ``` ## [**BrowserWindowProProxy**](https://electronjs.org/docs/api/browser-window-proxy) >操作子窗口