前端学习之路Electron——window.open页面传递数据
father.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>
<bod
<div onclick="postchild_msg()" id="box">
我是一个一级页面
</div>
<div onclick="send_child()">
传递给子页面
</div>
</body>
<script>
let sbwin;
function postchild_msg() {
sbwin= window.open("child.html", "child_html")
}
window.addEventListener("message", (msg) => { //接收从child页面传过来的值
let {data} = msg
console.log(data)
})
function send_child(){ //发送给child页面的值
sbwin.postMessage("1111")
// sbwin.close();
}
</script>
</html>
child页面
<!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 onclick="postmsg()">
我是一个二级的新页面
</div>
</body>
<script>
function postmsg() { // 发送给father页面的值
window.opener.postMessage({
type:1,
name:[
"qiqi",
"lili",
"nana"
]
})
}
window.addEventListener("message", (msg) => { // 接受从father页面传过来的值
let {data} = msg
console.log(data)
})
</script>
</html>
https://www.electronjs.org/docs/api/window-open
https://www.electronjs.org/docs/api/browser-window-proxy#winpostmessagemessage-targetorigin
版权声明：本文为HarryHY原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。