1 创建popup_page.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2>我是子窗口</h2>
<button id='popbtn' type="">向父窗口传递信息</button>
</body>
<script>
var popbtn=document.querySelector('#popbtn')
popbtn.οnclick=(e)=>{
window.opener.postMessage('我是子窗口的信息')
}
</script>
</html>
注意 window.opener.postMessage('我是子窗口的信息') 是向所有父窗口传递信息
2 修改demo3.js
var {shell}=require('electron')
var aHref=document.querySelector('#aHref')
aHref.οnclick=function(e){
e.preventDefault()
var href=this.getAttribute('href')
shell.openExternal(href)
}
var mybtn=document.querySelector('#mybtn')
mybtn.οnclick=function(e){
window.open('./popup_page.html')
}
window.addEventListener('message',(msg)=>{
let mytext=document.querySelector('#mytext')
mytext.innerHTML=JSON.stringify(msg.data)
})
3 注释掉main.js 的暂时不用的代码
4 运行程序