前端学习之路Electron——window.open页面传递数据

最新推荐文章于 2024-05-15 17:36:09 发布

HarryHY

最新推荐文章于 2024-05-15 17:36:09 发布

阅读量1.3k

点赞数

分类专栏： # Electron

本文链接：https://blog.csdn.net/HarryHY/article/details/109040803

版权

Electron 专栏收录该内容

22 篇文章 4 订阅

订阅专栏

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

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
前端学习之路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 <d
复制链接

扫一扫