Electron使用与学习--(页面间的通信)
目录结构：
index.js是主进程js。
const electron = require('electron')
const app = electron.app
const BrowserWindow = electron.BrowserWindow
//主进程
const ipc = require('electron').ipcMain;
app.on('ready',function(){
var mainWindow = new BrowserWindow({
width: 800,
height: 600
})
mainWindow.loadURL('file://' + __dirname + '/index.html') //主窗口
mainWindow.openDevTools();
var presWindow = new BrowserWindow({
width: 300,
height: 300,
show: false
})
presWindow.loadURL('file://' + __dirname + '/presWindow.html') //新窗口
ipc.on('zqz-show',function() {
presWindow.show()
})
ipc.on('hide-pres',function() {
presWindow.hide()
})
})
说明：
<!DOCTYPE html>
<html>
<head>
<title>zqz_electron_demo</title>
</head>
<body>
Hi
</body>
<script type="text/javascript">
require('./app.js')
</script>
</html>
app.js
const remote = require('electron').remote;
const Menu = remote.Menu;
const MenuItem = remote.MenuItem;
//渲染进程
const ipc = require('electron').ipcRenderer;
var menu = new Menu.buildFromTemplate([
{
label: '菜单',
submenu: [
{
label: '打开新窗口',
click: function(){
ipc.send('zqz-show') //注册的指令。send到主进程index.js中。
}
}
]
}
])
Menu.setApplicationMenu(menu);
presWindow.html(新窗口页面)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>presWindow</title>
</head>
<body> 新窗口 </body>
<script type="text/javascript">
const ipc = require('electron').ipcRenderer; var button = document.createElement('button');
button.textContent = 'Hide';
button.addEventListener('click',function(){
ipc.send('hide-pres') //注册的指令。send到主进程index.js中。
})
document.body.appendChild(button) </script>
</html>
效果：
点击hide窗口关闭。
Electron使用与学习--(页面间的通信)的更多相关文章
- js 页面间的通信
看了一下公司原来的代码,原页面ajax post返回一个页面完整的HTML,然后再打开一个新页面并输出ajax返回的所有代码到新页面上,在新页面上以表单提交的形式实现重定向. 任凭我想了半天也没想出来 ...
- webview页面间的通信问题
前提 记一次多页面开发. 开发需求时会对页面刷新(reload),返回到上一页(用户返回 / history.go()) 页面间的通信 sessionStorage保存本次会话的信息,同步到新页面或上 ...
- 【转】Java学习---线程间的通信
[原文]https://www.toutiao.com/i6572378564534993415/ 两个线程间的通信 这是我们之前的线程. 执行效果:谁抢到资源,谁运行~ 实现线程交替执行: 这里主要 ...
- iframe框架子页面与父页面间的通信
需要注意的问题:页面最好放在服务器上测试避免跨域问题. 具体参考:http://www.cnblogs.com/ljhero/archive/2011/07/09/2101540.html
- UWP开源项目 LLQNotifier 页面间通信利器（移植EventBus）
前言 EventBus是一个Android版本的页面间通信库,这个库让页面间的通信变得十分容易且大幅降低了页面之间的耦合.小弟之前玩Android的时候就用得十分顺手,现在玩uwp就觉得应该在这平台也 ...
- 如何实现electron多页面间通信
如何实现electron多页面间通信 1,业务需求: 总共有两个页面,页面A显示数据,页面B处理数据,主线程Main 2,实现的技术方案: 在主线程中打开页面A和B,B页面不进行显示,主要负责处理从A ...
- js页面间通信方法（storage事件）（浏览器页面间通信方法）
在写页面的时候有时会遇到这样的需求,需要两个页面之间传递数据或者一个事件.这个时候,就需要用到我今天所要讲的storage事件,学习这个事件之前,需要先了解localStorage的用法.具体用法可以 ...
- JavaScript之iframe页面间通信
[1] iframe父子页面间通信 1.相互调用对方的方法 |> 子级页面调用父级页面 window.parent.父级页面方法(args) |> 父级页面调用子级页面 document. ...
- [转] 微信小程序页面间通信的5种方式
微信小程序页面间通的5种方式 PageModel(页面模型)对小程序而言是很重要的一个概念,从app.json中也可以看到,小程序就是由一个个页面组成的. 如上图,这是一个常见结构的小程序:首页是一个 ...
随机推荐
- Fis3前端工程化之项目实战
Fis3项目 项目目录结构: E:. │ .gitignore │ fis-conf.js │ index.html │ package.json │ README.md │ ├─material │ ...
- 【趣事】用 JavaScript 对抗 DDOS 攻击
继续趣事分享. 上回聊到了大学里用一根网线发起攻击,今天接着往后讲. 不过这次讲的正好相反 -- 不是攻击,而是防御.一个奇葩防火墙的开发经历. 第二学期大家都带了电脑,于是可以用更高端的方法断网了. ...
- 拨开迷雾，找回自我：DDD 应对具体业务场景，Domain Model 到底如何设计？
写在前面 除了博文内容之外,和 netfocus 兄的讨论,也可以让你学到很多(至少我是这样),不要错过哦. 阅读目录: 迷雾森林 找回自我 开源地址 后记 毫无疑问,领域驱动设计的核心是领域模型,领 ...
- C语言 · 判定数字
编写函数,判断某个给定字符是否为数字. 样例输入 9 样例输出 yes #include<stdio.h> int main(){ char c; scanf("%c" ...
- Linux中进行单文件内容的复制
文件内容复制的常规方法: 开辟一段空间,不断读取文件的内容并写入另一文件当中,这种方法好在安全,一般在类型允许的最大范围内是安全的,缺点就是复制内容的时间长 一次性复制文件的内容,这种方法必须首先获取 ...
- Kotlin的Lambda表达式以及它们怎样简化Android开发(KAD 07)
作者:Antonio Leiva 时间:Jan 5, 2017 原文链接:https://antonioleiva.com/lambdas-kotlin/ 由于Lambda表达式允许更简单的方式建模式 ...
- React在开发中的常用结构以及功能详解
一.React什么算法,什么虚拟DOM,什么核心内容网上一大堆,请自行google. 但是能把算法说清楚,虚拟DOM说清楚的聊聊无几.对开发又没卵用,还不如来点干货看看咋用. 二.结构如下: impo ...
- jQuery学习之路（5）- 简单的表单应用
▓▓▓▓▓▓ 大致介绍 接下来的这几个博客是对前面所学知识的一个简单的应用,来加深理解 ▓▓▓▓▓▓ 单行文本框 只介绍一个简单的样式:获取和失去焦点改变样式 基本结构: <form actio ...
- [.NET] 怎样使用 async & await 一步步将同步代码转换为异步编程
怎样使用 async & await 一步步将同步代码转换为异步编程 [博主]反骨仔 [出处]http://www.cnblogs.com/liqingwen/p/6079707.html ...
- jQuery.Ajax IE8 无效（CORS）
今天在开发的时候,遇到一个问题,$.get()在 IE8 浏览器不起作用,但 Chrome,Firefox 却是可以的,网上资料很多,最后发现是 IE8 默认不支持 CORS 请求,需要手动开启下: ...