Iframe之间互相传递消息

最新推荐文章于 2024-06-18 18:55:30 发布

生活是枷锁

最新推荐文章于 2024-06-18 18:55:30 发布

阅读量1k

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/u012511100/article/details/117710494

版权

笔记专栏收录该内容

11 篇文章 0 订阅

订阅专栏

// A.html
<body>
<button id="button">发送到B</button>
<iframe src="B.html" id='myframe'></iframe>
 </body>
 
<script>
// A 向B传递信息
document.getElementById("button").contentWindow.postMessage("sendMessage", '*');
 
// A 接收B的信息
window.addEventListener("message", function(e){
      if (e.data === 'reimbClose') {
        // 事件
      }
    }, false);
    或
    window.onmessage = function（e）{
    if (e.data === 'reimbClose') {
        // 事件
      }
    }

B.html
 
<body>
<button id="button">发送A</button>
</body>
<script>
var button = document.getElementById('button');
// B 向A传递信息
button.addEventListener('click',function(){
        window.parent.postMessage('reimbClose','*');
},false)
 
// B 接收A的信息
window.addEventListener('message', function(e) {
  if(e.data === 'sendMessage'){//关闭窗口停止websocket
    // 事件
  }
})
或
    window.onmessage = function（e）{
    if (e.data === 'sendMessage') {
        // 事件
      }
    }

生活是枷锁

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Iframe之间互相传递消息

// A.html<body><button id="button">发送到B</button><iframe src="B.html" id='myframe'></iframe> </body> <script>// A 向B传递信息document.getElementById("button").contentWindow.postMessage("sendMessage", '*'); // A
复制链接

扫一扫