ifram父页面向子页面传递数据，解决跨域问题

admin · 2024-3-10 14:22:29

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>

		自动登录	找回密码
密码			立即注册

ifram父页面向子页面传递数据，解决跨域问题

0 个回复

快速回复

admin

楼主热帖

标签云

艾Q网