艾Q网

标题: ifram父页面向子页面传递数据，解决跨域问题 [打印本页]

作者: admin 时间: 2024-3-10 14:22
标题: ifram父页面向子页面传递数据，解决跨域问题
iframe链接子页面地址：http://www.XXXX.com

<html>
<body>
<iframe id="iframe" src="http://www.XXXX.com"></iframe>
<span class="send">发送</span>

//向子页面发送数据
$('.send').click(function(){
      var data = 123;
      document.getElementById('iframe').contentWindow.postMessage(data,'*');
});

</body>
</html>
HTML

子页面添加 addEventListener 事件监听父面传递的数据

<script>
      addEventListener('message', e => {
            // e.data为父页面发送的数据
            console.log(e.data);
      })
</script>

欢迎光临艾Q网 (http://js.iqi123.com/bbs/)