请选择 进入手机版 | 继续访问电脑版
开启辅助访问
帐号登录 |立即注册

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>


回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

友情链接
  • 艾Q网

    提供设计文章,教程和分享聚合信息与导航工具,最新音乐,动漫,游戏资讯的网站。