首页 IT技术内容详情

第四章:Electron创建新窗口

2021-10-05 40463 编程艺术家

效果



页面显示

<body>

 

  <button id="btn_open_new">打开新的窗口</button> 


  

  <script src="render/opennewwin.js"></script>

</body>

1

2

3

4

5

6

7

js操作

const btn =document.querySelector('#btn_open_new')



//渲染进程没法直接调用主进程中的模块,但是我们可以通过 electron中的remote模块间接的调用主进程中的模块


//remote执行主进程与渲染进程之间的IPC

const BrowserWindow =require('electron').remote.BrowserWindow


var newWin = null; 

window.onload=function(){

    btn.onclick=()=>{

        //调用 BrowserWindow打开新窗口

        newWin =new BrowserWindow({

            width:500,

            height:500,

            frame:true,//是否显示边缘框

            fullscreen:false //是否全屏显示

        })

        //打开一个新的窗口

        // newWin.loadURL(`file://${__dirname}/otherWin.html`);

        //新建窗口

        newWin.loadURL(`file://${__dirname}/index.html`);

        newWin.on('close',()=>{

            newWin=null

        })

    }

}

————————————————

版权声明:本文为CSDN博主「晓果博客」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/huangxiaoguo1/article/details/107669727


相关标签: # vue

文字广告3/月 文字广告3/月 文字广告3/月 文字广告3/月 文字广告3/月
文字广告3/月 文字广告3/月 文字广告3/月 文字广告3/月 文字广告3/月
文字广告3/月 文字广告3/月 文字广告3/月 文字广告3/月 文字广告3/月
文字广告3/月 文字广告3/月 文字广告3/月 文字广告3/月 文字广告3/月
文字广告3/月 文字广告3/月 文字广告3/月 文字广告3/月 文字广告3/月
 暂无评论,快来抢沙发吧~

发布评论