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

2019-10-24  本文已影响0人  小龙虾Julian
主进程中的代码:
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>
上一篇 下一篇

猜你喜欢

热点阅读