Electron——点击按钮打开新的窗口

• 主进程：Electron 运行 package.json 的 main 脚本的进程被称为主进程，在主进程运行的脚本可以以创建 web 页面的形式展示 GUI。
• 渲染进程：由于 Electron 使用 Chromium 来展示页面，所以 Chromium 的多进程结构也被充分利用。每个 Electron 的页面都在运行着自己的进程，这样的进程我们称之为渲染进程。

主进程中的代码：

const {app, BrowserWindow} = require('electron')
const path = require('path')
const url = require('url')
const ipc = require('electron').ipcMain
let newwin;
ipc.on('createWindow',()=> {
    newwin = new BrowserWindow({
        width: 800, 
        height: 600,
        frame:false,
        parent: win, //win是主窗口
    })
    newwin.loadURL(path.join('file:',__dirname,'new.html')); //new.html是新开窗口的渲染进程
    newwin.on('closed',()=>{newwin = null})

})

渲染进程中的代码：

<button id="createWindowBtn">CreateWindow</button>
<script>
const add = document.querySelector("#createWindowBtn")
const ipc = require('electron').ipcRenderer
add.onclick = ()=> {
       ipc.send('createWindow');
}
</script>