子窗口html部分:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>子级页面</title>
</head>
<body>
<div id='children'>
这是一个子窗口页面
</div>
</body>
<script>
var children = document.querySelector('#children');
children.onclick = function(e){
window.opener.postMessage('正在待命');
}
</script>
</html>
父html部分:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- <button id="btn">
打开新的窗口
</button>
<div>
</div> -->
<a id="aHref" href="https://www.baidu.com/">打开外部链接</a>
<div id="myweb">
open myweb
</div>
<div id='fatview'>
</div>
<script src="./render/openweb.js"></script>
</body>
</html>
父窗口的JS部分:
window.addEventListener('message',(msg)=>{
let {data} = msg
let fatview = document.querySelector('#fatview');
// fatview.innerHTML = JSON.stringify(data)
fatview.innerHTML = data
})
const {shell} = require('electron');
const aHref = document.querySelector('#aHref');
aHref.onclick = function(e){
e.preventDefault();
let href = this.getAttribute('href');
shell.openExternal(href)
}
const myweb = document.querySelector('#myweb');
myweb.onclick = function(e){
window.open('./chidpage.html')
}
window.addEventListener('message',(msg)=>{
let {data} = msg
let fatview = document.querySelector('#fatview');
// fatview.innerHTML = JSON.stringify(data)
fatview.innerHTML = data
})
注释的这行为字符串模式
注意
这里是 ./ 而不是 ../
myweb.onclick = function(e){
window.open('./chidpage.html')
}