跨域子页面关闭刷新父页面

最新推荐文章于 2021-07-21 14:27:53 发布

转载最新推荐文章于 2021-07-21 14:27:53 发布 · 290 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/q101301/p/5064849.html

文章标签：

#json

本文介绍了通过消息传递实现子页面与父页面间通信的方法，包括利用window.postMessage进行跨窗口通信的技术细节及其潜在风险。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

子页面js

  function selectRow(id,brand,product){
        var itemObj = {id:id,brand:brand,product:product};
        window.opener.postMessage(JSON.stringify(itemObj), '*');
        window.close();
    }

父页面 JS

  function receiveMessage(e) {
        var d = JSON.parse(e.data);
        setItemCode(d.id,d.brand,d.product);
    }
    window.addEventListener("message", receiveMessage, false);

这种方法可以解决俩个页面不在同一个页面，关闭子页面刷新父页面，这个方法有风险，就是子页面和父页面不是一对一关系，可以判断

还有一种方法就是在子页面中嵌入ifram 给个空白页面链接。

转载于:https://www.cnblogs.com/q101301/p/5064849.html